@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
.attachment-list>div{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #eee5eb;border-radius:7px;padding:12px 14px;margin:8px 0}.attachment-list>div>span{min-width:0}.due-label{display:block;font-size:9px;color:#8d737f;margin-top:4px}.comment>small{font-size:9px;color:#88717f;margin-left:10px}.audit-line small{display:block;color:#88717f}.audit-line>span{color:#88717f;white-space:nowrap}.detail-title h2{overflow-wrap:anywhere}.detail-title .badge{margin-right:5px}.upload-note:empty{display:none}.upload-note{overflow-wrap:anywhere}.upload-note button{margin-right:8px}.detail-info div{min-width:0}.comment-form label{text-align:left}
*{box-sizing:border-box}[hidden]{display:none!important}body{font-size:13px;line-height:1.65}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;letter-spacing:-.035em}h1{font-size:32px;line-height:1.25}h2{font-size:20px;margin-bottom:12px}h3{font-size:14px;margin-bottom:14px}input,select,textarea{border:1px solid #d9d1d6;border-radius:7px;padding:11px 12px;width:100%;background:#fff;color:var(--color-text);min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #80002045;outline-offset:1px}textarea{resize:vertical;min-height:85px}label{display:block;font-size:11px;font-weight:500;margin:17px 0 7px}button{border:0;border-radius:7px;padding:10px 15px;min-height:39px}.primary{background:var(--utm-maroon);color:white;font-weight:500}.primary:hover:enabled{background:#640018}.secondary{background:white;border:1px solid #ded6db;color:#54404c}.secondary:hover:enabled{background:#f7f2f4}.danger{background:#fbebee;color:#9a2340;border:1px solid #eed1d8}.wide{width:100%;display:flex;justify-content:space-between;align-items:center}.muted{color:var(--color-muted);font-size:12px}.eyebrow{font-size:9px;letter-spacing:.17em;font-weight:600;color:var(--utm-maroon);margin-bottom:10px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{border:1px solid #d8b15a83;color:#e6c36c;border-radius:8px;width:42px;height:44px;display:grid;place-items:center;font-size:25px;font-weight:600;flex-shrink:0}.brand strong{display:block;font-size:12px;letter-spacing:.05em}.brand small{font-size:9px;opacity:.66;display:block;margin-top:2px}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:#800020;color:white;padding:48px 11%;display:flex;flex-direction:column;min-height:100vh;position:relative;overflow:hidden}.login-story:after{content:'';position:absolute;width:430px;height:430px;border:1px solid #d8b15a25;border-radius:50%;right:-280px;bottom:90px;pointer-events:none}.story-main{margin:auto 0;padding:70px 0;position:relative;z-index:1}.story-main .eyebrow{color:#e3c67f;font-size:8px;white-space:normal}.story-main h1{font-size:clamp(34px,4vw,55px);font-weight:500;line-height:1.2;letter-spacing:-.055em;margin:22px 0}.story-main>p:not(.eyebrow){color:#e0cbd2;font-size:12px;max-width:340px;line-height:1.9}.story-line{width:48px;height:3px;background:var(--utm-gold);margin:31px 0}.story-points{display:flex;gap:25px;font-size:10px;color:#d9bccc}.story-points b{display:block;font-size:12px;font-weight:500;color:#fff;margin-top:5px}.story-foot{color:#d2acb8;font-size:9px}.login-side{display:grid;place-items:center;padding:50px 35px;background:#faf9f7}.login-card{width:100%;max-width:365px}.login-card h2{font-size:27px;line-height:1.3}.login-card>.muted{margin-bottom:29px}.login-card label{margin-top:20px}.login-card .primary{margin-top:12px}.login-note{font-size:10px;color:#84757e;line-height:1.8;margin-top:22px}.text-button{background:none;color:var(--utm-maroon);font-size:11px;padding:12px 0}.subtle-link{font-size:9px;color:#887b83;text-decoration:underline;text-underline-offset:3px}.form-message{font-size:11px;color:#a12647;min-height:15px;margin:12px 0 4px}.app-layout{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{background:#74001e;color:white;padding:30px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{gap:10px}.sidebar .brand strong{font-size:11px}.sidebar .brand-mark{width:34px;height:37px;font-size:22px}.nav-label{font-size:8px;letter-spacing:.16em;color:#c795a5;margin:47px 12px 15px}.sidebar nav{display:grid;gap:7px}.nav-item{background:transparent;color:#dfc4cd;text-align:left;font-size:11px;padding:12px 15px;display:flex;gap:13px;align-items:center}.nav-item span{font-size:17px;min-width:20px}.nav-item.active{background:#ffffff15;color:#fff;border-left:3px solid var(--utm-gold)}.nav-item:hover{background:#ffffff0d}.sidebar-bottom{margin-top:auto;padding-top:35px}.session-user{display:flex;gap:10px;align-items:center;padding:15px 0;border-top:1px solid #ffffff20}.avatar{border-radius:50%;background:#ffffff15;min-width:34px;height:34px;display:grid;place-items:center;font-size:11px;color:#edd18d}.session-user strong{display:block;font-size:10px;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-user small{font-size:9px;color:#cda7b4}.logout{display:flex;justify-content:space-between;width:100%;font-size:10px;background:none;color:#dfc4cd;padding:9px 0}.build-label{font-size:8px;opacity:.45;display:block;margin-top:12px}.main-content{padding:0 4% 22px;min-width:0;max-width:1600px;width:100%;margin:auto}.topbar{min-height:91px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4dce0;margin-bottom:34px}.unit-label{font-size:11px;font-weight:500;margin:0 0 3px}.topbar>div>span{font-size:9px;color:#8a7c84}.topbar button{font-size:10px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.page-heading h1{margin:8px 0 8px}.page-heading .muted{margin:0;font-size:11px}.page-heading .primary{font-size:11px;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:27px}.stat{border:1px solid #e1d9de;border-radius:10px;background:white;padding:20px 21px;position:relative;overflow:hidden}.stat>span{font-size:10px;color:#83737d}.stat strong{font-size:31px;display:block;font-weight:500;letter-spacing:-.055em;margin-top:9px;line-height:1.3}.stat small{font-size:9px;color:#95838f;display:block;margin-top:6px}.stat:last-child strong{color:#a72c4c}.stat:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#dccbce}.stat:nth-child(2):before{background:#d8b15a}.stat:nth-child(3):before{background:#80a28c}.stat:nth-child(4):before{background:#b8556e}.records-card{border:1px solid #e1d9de;background:white;border-radius:11px;overflow:hidden}.records-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 16px;gap:12px}.records-heading h2{font-size:16px;margin:0 0 4px}.records-heading p{font-size:10px;margin:0}.records-heading button{font-size:10px}.filters{display:flex;gap:10px;padding:0 24px 20px;flex-wrap:wrap}.filters input{flex:2;min-width:160px}.filters select{flex:1;min-width:130px}.filters input,.filters select,.filters button{font-size:10px;min-height:38px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:10px}thead{background:#f9f7f8}th{font-weight:500;text-align:left;color:#887680;font-size:9px;padding:13px 20px;border-block:1px solid #eee7eb;white-space:nowrap}td{padding:16px 20px;border-bottom:1px solid #f0eaed;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td:first-child{max-width:340px}td strong{display:block;font-weight:500;font-size:11px;margin:4px 0;overflow-wrap:anywhere}td small{color:#9a8591;font-size:9px}.record-number{color:#876471;font-size:9px}.row-open{background:none;padding:4px 8px;min-height:28px;color:var(--utm-maroon);font-size:10px}.badge{display:inline-flex;gap:4px;align-items:center;font-size:8px;border-radius:5px;padding:4px 8px;white-space:nowrap;background:#f0ecee;color:#75636e}.badge.registered{background:#f3edf6;color:#7d5a92}.badge.in_progress{background:#fcf4dc;color:#8d6a1a}.badge.completed{background:#eaf4ef;color:#377450}.badge.cancelled{background:#eeeef0;color:#808085}.badge.urgent{background:#fbecef;color:#a93452;margin-left:5px}.pagination{border-top:1px solid #eee7eb;padding:13px 23px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8e7b86}.pagination button{padding:5px 11px;min-height:29px}.pagination>div{display:flex;gap:8px}.list-message{font-size:11px;color:#8b7783;padding:0 24px}.list-message:not(:empty){padding-block:12px}.empty-cell{text-align:center;padding:54px 20px;color:#8c7a85}.empty-cell strong{font-size:13px;color:#5e4756}.empty-cell p{font-size:10px;margin:8px 0}.app-footer{display:flex;justify-content:space-between;font-size:8px;color:#9c8b94;padding:23px 2px}.app-footer>span{font-size:8px}dialog{border:0;padding:0;border-radius:12px;width:min(500px,calc(100% - 30px));max-height:90vh;box-shadow:0 30px 100px #28081438;color:var(--color-text)}dialog::backdrop{background:#21101b80;backdrop-filter:blur(3px)}.large-dialog{width:min(780px,calc(100% - 30px))}.detail-dialog{width:min(930px,calc(100% - 30px))}.dialog-heading{padding:22px 26px;border-bottom:1px solid #e8e0e5;display:flex;justify-content:space-between;align-items:start;gap:15px}.dialog-heading h2{margin:3px 0 0}.icon-button{padding:0;width:32px;height:32px;min-height:32px;background:#f3eef0;color:#80606f;font-size:22px}.dialog-body{padding:4px 26px 25px}.dialog-body>.muted{margin-top:17px}.check-label{display:flex;align-items:center;gap:9px;font-weight:400;font-size:10px}.check-label input{width:15px;height:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 19px}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px}.field-note{font-size:9px;color:#947d8c;margin:5px 0}.detail-title{font-size:22px;line-height:1.45;overflow-wrap:anywhere}.detail-subtitle{color:#9b7b8a;font-size:10px;margin-bottom:9px}.detail-body{padding:25px}.detail-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px;margin-bottom:25px}.detail-info dt{font-size:9px;color:#9a8391;margin-bottom:4px}.detail-info dd{margin:0;font-size:12px;overflow-wrap:anywhere}.detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.detail-actions button{font-size:10px}.notes{white-space:pre-wrap;background:#faf7f9;padding:15px;border-radius:7px;font-size:11px;overflow-wrap:anywhere}.detail-section{border-top:1px solid #e8e0e5;margin-top:25px;padding-top:23px}.attachment-list{list-style:none;padding:0}.attachment-list li{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #eee5eb;border-radius:7px;padding:12px 14px;margin:8px 0}.attachment-list strong{font-size:11px;overflow-wrap:anywhere}.attachment-list small{font-size:9px;color:#96818e;display:block}.attachment-list button{font-size:10px;flex-shrink:0}.upload-bar{display:flex;gap:10px;align-items:center}.upload-bar input{font-size:10px}.upload-bar button{font-size:10px;white-space:nowrap}.upload-note{font-size:10px;white-space:pre-wrap;color:#8d6376;margin-top:10px}.comment{border-bottom:1px solid #f0e9ee;padding:13px 0}.comment:last-child{border-bottom:0}.comment strong{font-size:10px}.comment time{font-size:9px;color:#9d8794;margin-left:10px}.comment p{white-space:pre-wrap;font-size:11px;margin:7px 0;overflow-wrap:anywhere}.comment-form{text-align:right}.comment-form textarea{font-size:11px;text-align:left}.comment-form button{font-size:10px;margin-top:10px}.audit-line{display:flex;justify-content:space-between;gap:15px;padding:8px 0;font-size:10px;border-bottom:1px solid #f5eff3}.audit-line time{color:#a18c98;font-size:9px;white-space:nowrap}.toast{position:fixed;z-index:100;right:25px;bottom:24px;max-width:440px;background:#35212c;color:#fff;padding:15px 20px;border-radius:9px;font-size:11px;box-shadow:0 5px 35px #2e0a2030;white-space:pre-wrap;overflow-wrap:anywhere}.offline{background:#fff3cf;color:#705a21;padding:9px 20px;font-size:11px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.noscript{padding:20px;color:#800020}.busy{opacity:.65;pointer-events:none}@media(max-width:1050px){.app-layout{grid-template-columns:198px minmax(0,1fr)}.sidebar{padding:26px 15px}.sidebar .brand strong{font-size:9px}.main-content{padding-inline:25px}.stats-grid{gap:10px}.stat{padding:16px 14px}.stat strong{font-size:27px}td,th{padding-inline:14px}.detail-info{grid-template-columns:1fr 1fr}}@media(max-width:760px){.login-layout{grid-template-columns:1fr}.login-story{min-height:auto;padding:23px 28px}.story-main{padding:27px 0 5px}.story-main h1{font-size:34px;margin:15px 0}.story-main h1 br{display:none}.story-main>p:not(.eyebrow){font-size:11px;margin-bottom:17px}.story-line,.story-points,.story-foot{display:none}.login-side{padding:35px 25px 45px}.login-card{max-width:440px}.app-layout{grid-template-columns:1fr}.sidebar{height:auto;position:static;padding:17px 20px}.sidebar>.brand{display:none}.nav-label{display:none}.sidebar nav{display:flex;gap:5px;overflow-x:auto}.nav-item{padding:9px 10px;font-size:9px;white-space:nowrap;gap:6px}.nav-item span{font-size:14px;min-width:auto}.nav-item.active{border-left:0;border-bottom:2px solid var(--utm-gold)}.sidebar-bottom{padding:0;margin:0;display:flex;align-items:center;justify-content:space-between}.session-user{padding:12px 0 0;border:0}.session-user strong{max-width:240px}.logout{width:auto;gap:16px;font-size:9px;padding-top:16px}.build-label{display:none}.main-content{padding:0 17px 15px}.topbar{min-height:70px;margin-bottom:25px}.page-heading{align-items:flex-start;margin-bottom:22px}.page-heading h1{font-size:27px}.page-heading>.primary{font-size:9px;padding:10px;margin-top:18px}.page-heading .muted{font-size:10px;max-width:240px}.stats-grid{grid-template-columns:1fr 1fr;gap:11px}.stat{padding:14px 16px}.stat strong{font-size:28px}.records-heading{padding:19px 17px 14px}.records-heading button{font-size:9px;padding:8px}.filters{padding-inline:17px;gap:8px}.filters input{flex-basis:100%}.filters select{min-width:100px}.filters button{font-size:10px}.table-wrap table{min-width:640px}.app-footer{gap:20px}.app-footer>span{max-width:170px;text-align:right}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.dialog-heading{padding:18px 20px}.dialog-body{padding:3px 20px 22px}.detail-body{padding:20px}.detail-title{font-size:18px}.detail-info{gap:16px}.upload-bar{flex-wrap:wrap}.upload-bar input{flex-basis:100%}.toast{left:15px;right:15px;bottom:15px;max-width:none}.audit-line{flex-direction:column;gap:0}}
.preview-dialog{width:min(1100px,calc(100% - 24px));max-height:94vh}.preview-dialog .dialog-heading{align-items:center}.preview-dialog h2{overflow-wrap:anywhere;font-size:16px}.preview-body{padding:18px;text-align:center;min-height:180px;overflow:auto}.preview-body img{display:block;max-width:100%;max-height:68vh;object-fit:contain;margin:auto}.preview-body iframe{display:block;width:100%;height:68vh;border:0;background:#f7f5f2}.preview-note{font-size:10px;color:#625d61;padding:0 18px 12px;margin:0}.attachment-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
