:root{font-family:'Montserrat',Arial,sans-serif;color:#303a40;background:#f7f7f3;font-synthesis:none;--ink:#303a40;--muted:#899298;--line:#e8eae7;--blue:#dcecf0;--blue-ink:#537b88;--green:#e2eee5;--green-ink:#63846a;--rose:#f6e5e2;--rose-ink:#a56e68;--white:#fff;--accent:#9dbcc4}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#fff;border-right:1px solid var(--line);padding:24px 16px 16px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px}.logo-placeholder{height:38px;width:38px;border:1px dashed #b7c2c4;border-radius:10px;display:grid;place-items:center;color:#98a4a7;font-size:8px;letter-spacing:.4px}.brand-name{font-size:15px;font-weight:600;letter-spacing:-.4px}.close-menu{display:none;margin-left:auto;border:0;background:none;font-size:27px;color:var(--muted)}.workspace-label,.eyebrow{color:#9ba4a7;font-size:9px;font-weight:700;letter-spacing:1.25px}.workspace-label{padding:0 12px 12px}.nav{display:flex;flex-direction:column;gap:3px}.nav-item{height:42px;padding:0 12px;border-radius:8px;display:flex;align-items:center;gap:12px;color:#69747a;text-decoration:none;font-size:12px;font-weight:500;transition:background .15s}.nav-item:hover{background:#f6f8f7}.nav-item.active{background:#eaf2f3;color:#4d737d;font-weight:600}.nav-icon{width:16px;text-align:center;font-size:16px;color:#8d9a9d}.active .nav-icon{color:#668c95}.nav-count{margin-left:auto;font-size:10px;background:#fff;border-radius:10px;padding:3px 7px;color:#718086}.nav-divider{height:1px;background:var(--line);margin:10px 9px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:16px 7px 2px;display:flex;align-items:center;gap:10px}.user-avatar,.top-avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#e5ece9;color:#648079;font-size:10px;font-weight:700}.sidebar-bottom strong{font-size:11px;display:block}.sidebar-bottom small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.more{margin-left:auto;letter-spacing:2px;color:#8b9699}.main{margin-left:252px;min-height:100vh}.topbar{height:64px;background:rgba(255,255,255,.8);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 42px;justify-content:space-between}.breadcrumb{font-size:11px;color:#8b9598}.breadcrumb span{margin:0 9px;color:#c4cbca}.breadcrumb strong{font-weight:600;color:#465258}.top-actions{display:flex;align-items:center;gap:20px}.icon-button{position:relative;border:0;background:none;color:#77858a;font-size:17px}.icon-button i{position:absolute;width:5px;height:5px;border-radius:50%;background:#c8a58c;right:0;top:1px}.top-avatar{width:30px;height:30px;font-size:9px}.menu-toggle{display:none}.content{padding:38px 42px 22px;max-width:1500px;margin:auto}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.eyebrow{margin:0 0 11px}.welcome-row h1{font-size:27px;letter-spacing:-1px;margin:0;font-weight:600}.welcome-row h1 span{font-size:20px}.subheading{font-size:12px;color:#879196;margin:8px 0 0}.button{border:0;border-radius:8px;padding:11px 16px;font-size:11px;font-weight:600;transition:transform .12s,background .12s}.button:active{transform:scale(.98)}.button.primary{background:#587983;color:#fff;box-shadow:0 3px 9px #58798322}.button.primary:hover{background:#486b75}.button.primary span{font-size:17px;vertical-align:-1px;margin-right:5px}.button.secondary{border:1px solid #dfe5e3;background:#fff;color:#556469}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.metric-card,.panel{background:#fff;border:1px solid #ebeeeb;border-radius:11px;box-shadow:0 3px 12px #34464b05}.metric-card{padding:17px 18px 16px;min-height:124px}.metric-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:500;color:#69757a}.metric-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:13px}.metric-icon.blue{background:#e9f1f2;color:#668691}.metric-icon.sand{background:#f3eee7;color:#9b866b}.metric-icon.green{background:#eaf1ea;color:#779178}.metric-icon.rose{background:#f5eae8;color:#a8756d}.metric-card>strong{font-size:24px;display:block;margin-top:12px;font-weight:600;letter-spacing:-1px}.metric-card>small{font-size:9px;color:#9aa2a4;display:block;margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.9fr);gap:16px}.panel{min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:19px 20px 14px}.panel-heading h2{font-size:13px;margin:0;font-weight:600}.panel-heading p{font-size:10px;color:#99a1a3;margin:6px 0 0}.text-button,.more-button{border:0;background:none;color:#6f8d94;font-size:10px;font-weight:600;padding:4px 0}.text-button span{font-size:14px;margin-left:4px}.more-button{font-size:19px;color:#96a0a1;letter-spacing:2px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}thead{background:#fafbf9}th{font-size:8px;letter-spacing:.75px;color:#a0a8a8;font-weight:600;padding:11px 12px;border-top:1px solid #f0f1ef;border-bottom:1px solid #f0f1ef}th:first-child,td:first-child{padding-left:20px}td{font-size:10px;padding:12px;border-bottom:1px solid #f2f3f1;color:#677378}.empty-row td{height:233px;text-align:center;color:#899396}.empty-row td>*{display:block;margin-left:auto;margin-right:auto}.empty-row strong{font-size:11px;color:#5e696e;margin-top:10px}.empty-row span{font-size:9px;color:#9aa2a4;margin-top:5px}.empty-icon{width:38px;height:38px;border-radius:12px;background:#f1f5f3;color:#829a94;display:grid!important;place-items:center;font-size:19px}.empty-row .button{margin-top:14px}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:20px;font-size:9px;white-space:nowrap}.status::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.status.new,.status.progress{background:#e5f0f3;color:#5f8792}.status.confirmed{background:#e5f0e7;color:#66876b}.status.late{background:#f7e8e5;color:#a66d66}.tasks-panel{display:flex;flex-direction:column}.task-placeholder{padding:25px 21px;display:flex;align-items:center;gap:13px;flex:1}.task-check{height:35px;width:35px;border-radius:10px;background:#edf3ef;color:#7d9987;display:grid;place-items:center}.task-placeholder strong{font-size:11px;font-weight:600}.task-placeholder p{font-size:9px;color:#9aa2a4;margin:6px 0 0;line-height:1.6}.task-footer{margin:0 20px 17px;padding-top:14px;border-top:1px solid #f0f1ef;display:flex;align-items:center;gap:6px;color:#8c9698;font-size:8px}.dot{width:6px;height:6px;border-radius:50%;margin-left:6px}.blue-dot{background:#9dc2cf}.green-dot{background:#a7c3aa}.red-dot{background:#dba39d}.footer{padding:25px 0 0;color:#a1a9a8;font-size:9px}.footer span{margin:0 6px}.scrim{display:none}.modal{border:0;border-radius:14px;padding:0;width:min(620px,calc(100vw - 28px));max-height:92vh;box-shadow:0 24px 80px #23383d30;color:var(--ink)}.modal::backdrop{background:#283b4090;backdrop-filter:blur(3px)}.modal form{padding:25px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:19px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:19px;margin:0;letter-spacing:-.5px}.modal-head .eyebrow{margin-bottom:8px}.modal-head p:last-child{font-size:10px;color:#899396;margin:7px 0 0}.close-modal{border:0;background:none;color:#9ba4a4;font-size:25px;line-height:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 13px;padding:19px 0 14px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:600;color:#5e6b70}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #e3e8e6;border-radius:7px;padding:10px 11px;color:#48565b;font-size:11px;outline:none;background:#fff;min-width:0}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#91b1ba;box-shadow:0 0 0 3px #dcebef80}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#b2b9b9}.form-grid textarea{resize:vertical}.form-note{background:#f5f7f5;color:#879294;padding:10px;border-radius:6px;font-size:9px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:17px}.toast{position:fixed;right:24px;bottom:24px;background:#354b50;color:white;padding:12px 16px;border-radius:8px;font-size:11px;box-shadow:0 5px 18px #172d3240;z-index:10;animation:fadein .2s ease}@keyframes fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.sidebar{width:220px}.main{margin-left:220px}.content{padding-left:27px;padding-right:27px}.topbar{padding:0 27px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.tasks-panel{min-height:170px}}
@media(max-width:700px){.sidebar{width:min(285px,84vw);transform:translateX(-102%);transition:transform .22s ease;box-shadow:12px 0 32px #25393c10}.sidebar.open{transform:translateX(0)}.close-menu{display:block}.scrim.show{display:block;position:fixed;inset:0;background:#293a3d55;z-index:4}.main{margin-left:0}.topbar{height:58px;padding:0 17px}.menu-toggle{display:block;border:0;background:none;color:#657378;font-size:18px;padding:5px 10px 5px 0}.breadcrumb{margin-right:auto;font-size:10px}.top-actions{gap:13px}.content{padding:26px 16px 20px}.welcome-row{align-items:flex-start;gap:12px;margin-bottom:20px}.welcome-row h1{font-size:22px}.welcome-row .eyebrow{font-size:8px}.welcome-row>.button{padding:10px 11px;font-size:9px;white-space:nowrap;margin-top:9px}.metric-grid{gap:10px;margin-bottom:13px}.metric-card{min-height:111px;padding:13px}.metric-head{font-size:9px}.metric-icon{width:24px;height:24px}.metric-card>strong{font-size:21px;margin-top:10px}.metric-card>small{font-size:8px}.dashboard-grid{gap:12px}.panel-heading{padding:16px 15px 12px}.panel-heading h2{font-size:12px}.panel-heading p{font-size:9px}.text-button{font-size:8px}.empty-row td{height:210px}th{font-size:7px;padding:10px 8px}th:first-child,td:first-child{padding-left:13px}td{font-size:9px;padding:10px 8px}.task-placeholder{padding:20px 16px}.task-footer{margin-left:15px;margin-right:15px;gap:4px;font-size:7px}.modal form{padding:19px}.form-grid{gap:12px 9px}.form-grid label{font-size:9px}.form-grid input,.form-grid select,.form-grid textarea{padding:10px 8px;font-size:10px}.modal-head h2{font-size:17px}}
@media(max-width:390px){.welcome-row{display:block}.welcome-row>.button{margin-top:15px}.metric-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.modal{max-height:96vh}}
.modal{overflow:visible}.modal form{max-height:92vh;overflow-y:auto}.choice-field{border:0;padding:0;margin:0;min-width:0}.choice-field legend{font-size:10px;font-weight:600;color:#5e6b70;margin-bottom:9px}.choice-field legend span{font-size:9px;color:#9aa2a4;font-weight:400;margin-left:5px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.category-grid label{display:flex;flex-direction:row;align-items:center;gap:7px;padding:9px 10px;border:1px solid #e5eae8;border-radius:7px;background:#fff;font-size:9px;font-weight:500;color:#657277;cursor:pointer;min-height:36px}.category-grid label:has(input:checked){background:#eaf3f5;border-color:#a8c5cd;color:#4d7680}.category-grid input,.expectation-list input{accent-color:#4a9cc7;flex:none;margin:0}.expectation-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.expectation-list>label{display:flex;flex-direction:row;align-items:flex-start;gap:8px;border:1px solid #e5eae8;border-radius:8px;padding:11px;background:#fff;cursor:pointer}.expectation-list>label:has(input:checked){background:#eaf3f5;border-color:#a8c5cd}.expectation-list strong,.expectation-list small{display:block}.expectation-list strong{font-size:9px}.expectation-list small{font-size:8px;color:#929c9e;font-weight:400;line-height:1.5;margin-top:4px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:13px;border:1px dashed #cbd6d6;border-radius:8px;background:#fafcfb;cursor:pointer}.upload-card:hover{border-color:#89aeb7;background:#f4f9f9}.upload-icon{color:#7597a0;font-size:17px;margin-bottom:2px}.upload-card strong{font-size:9px}.upload-card small{font-size:8px;color:#929c9e;font-weight:400}.upload-card input{max-width:100%;font-size:9px;padding:5px!important;border:0!important;background:transparent!important}.file-list{font-size:8px;color:#708c92;overflow-wrap:anywhere}.split-fields{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:13px}.split-fields label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:600;color:#5e6b70}.split-fields input,.split-fields select{border:1px solid #e3e8e6;border-radius:7px;padding:10px 11px;color:#48565b;font-size:11px;background:#fff;min-width:0}.form-note{line-height:1.6}@media(max-width:700px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expectation-list{grid-template-columns:1fr}.split-fields{gap:9px}.upload-grid{grid-template-columns:1fr}}