:root{--ink:#182840;--muted:#62748a;--green:#315ce8;--paper:#f1f4f9;--line:#dce3ed;--gold:#5572aa;--danger:#bb374e}
body{font-size:14px}a,.quiet{color:var(--green)}.primary{background:#315ce8}.primary:hover{background:#244acc}.secondary{background:#edf2ff;color:#3155bc}.secondary:hover{background:#dfe8ff}.sidebar{background:#17243b;border:0;padding:24px 16px;width:206px}.brand{color:white}.brand small,.sidebar-bottom{color:#acbad0}.brandmark{background:#315ce8}.nav-label{color:#9daec7;margin-top:34px}nav button{color:#b8c7dd;padding:12px;gap:10px}nav button.active{background:#315ce8;color:#fff}nav b{background:#31445f;color:#e2ebff}.sidebar-bottom button{color:#b8c7dd}.dot{background:#6fa7ff}main{margin-left:206px}.topbar{height:68px;background:#fff;padding:0 28px}.breadcrumb strong{font-weight:600}#content{max-width:1600px;padding:26px 28px 40px}.page-heading{margin-bottom:20px;flex-wrap:wrap;justify-content:flex-start;gap:10px}.page-heading>div{flex:1;min-width:220px}.page-heading h1{font-size:26px;letter-spacing:-.6px}.eyebrow{color:#6c82a5;letter-spacing:1.5px}.hero{background:#e6edff;border:1px solid #d3dfff;padding:22px}.hero .hero-symbol{color:#6b88d6}.stat,.panel,.document-card,.item-card{box-shadow:0 2px 5px #18284004;border-radius:10px}.stats{gap:12px;margin-bottom:20px}.stat{padding:18px}.stat label{margin-bottom:10px}.stat .number{font-size:28px}.panel{padding:20px}.row{padding:12px 0;border-color:#edf0f6}.file-icon{background:#edf2ff;color:#5070bd}.badge{background:#edf3ff;color:#4063a0;border-radius:5px;font-size:11px;padding:4px 7px}.badge.pending{background:#fff2d9;color:#966008}.badge.overdue{background:#ffe8ed;color:#b1324c}.note{background:#f5f8ff;border-color:#dbe4f6;color:#526581}.empty{padding:24px 12px}.empty .empty-icon{color:#a5b5ce}.toolbar{gap:8px;margin-bottom:15px;flex-wrap:wrap}.toolbar input{min-width:180px}.toolbar select{width:auto;min-width:125px;font-size:12px}.toolbar input,.toolbar select{min-height:40px;padding:9px 11px;border-color:var(--line)}label{color:#465a73}input,select,textarea{border-color:var(--line)}input:focus,select:focus,textarea:focus{outline-color:#d3dfff;border-color:#7b97f2}.check-button.checked{background:#e3ecff;border-color:#9fb5ef}.login-shell{background:radial-gradient(ellipse at 0 0,#dce6ff,transparent 60%),#f1f4f9}.login-card{box-shadow:0 20px 60px #17243b10}.tabs{background:#eef2f8}.dropzone{background:#f5f8ff;border-color:#aabce8}.preview-box{background:#edf1f7}.receipt-item{border-color:var(--line)}.receipt-item legend{color:#315ce8}dialog::backdrop{background:#10203f66}.bar{background:#e7edf8}.bar-fill{background:#6484e9}progress{accent-color:#315ce8}.row-actions{flex-wrap:wrap;justify-content:flex-end}button:focus-visible,a:focus-visible{outline-color:#9ab5ff}
.compact-stats{gap:8px;margin-bottom:14px}.compact-stats .stat{padding:10px 14px;display:flex;align-items:center;gap:12px}.compact-stats .stat label{margin:0;font-size:12px;flex:1}.compact-stats .stat .number{font-size:23px}.compact-stats .stat p{display:none}.inventory-table{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:12px}.inventory-table-head,.inventory-row{display:grid;grid-template-columns:minmax(150px,1.3fr) 70px minmax(180px,1.5fr) 100px 182px;gap:12px;align-items:center}.inventory-table-head{padding:12px 16px;background:#edf2f9;font-size:11px;font-weight:700;color:#657892}.inventory-grid{display:block;gap:0}.inventory-row.item-card{padding:12px 16px;border:0;border-bottom:1px solid #e7edf5;border-radius:0;box-shadow:none;min-height:76px}.inventory-row:last-child{border:0}.inventory-row:hover{background:#f8faff}.inventory-name{min-width:0}.inventory-name strong{font-size:14px;display:block;overflow-wrap:anywhere}.inventory-name small{display:block;font-size:11px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.inventory-stock{font-size:19px;color:#294475;white-space:nowrap}.inventory-stock small{font-size:11px;color:var(--muted)}.inventory-dates{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:11px;font-variant-numeric:tabular-nums}.inventory-dates span{white-space:nowrap}.inventory-dates small{font-size:10px;color:var(--muted);margin-right:5px}.inventory-status{display:flex;gap:4px;flex-wrap:wrap}.inventory-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.inventory-actions button{font-size:11px;padding:7px 8px;min-height:32px}.shopping-summary{display:flex;gap:20px;margin-bottom:16px;color:var(--muted);font-size:12px}.shopping-summary strong{color:#315ce8;font-size:20px;margin:0 5px}.shopping-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px}.shopping-panel{padding:16px;margin:0}.shopping-panel .panel-heading{margin-bottom:8px}.shopping-panel .panel-heading .muted{font-size:10px}.shopping-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #e7edf5;min-height:58px}.shopping-row:last-child{border:0}.shopping-row .row-main strong{font-size:14px}.shopping-row .row-main small{font-size:11px;margin-top:4px}.shopping-row button{font-size:11px;padding:8px;min-height:36px}.shopping-quantity{font-size:20px;font-weight:650;white-space:nowrap;color:#315ce8}.shopping-quantity small{font-size:11px;font-weight:400;color:var(--muted)}
@media(max-width:1200px){.inventory-table-head,.inventory-row{grid-template-columns:minmax(140px,1.2fr) 55px minmax(130px,1fr) 80px 120px;gap:8px}.inventory-actions{max-width:120px}.inventory-actions button{padding:6px}.inventory-row.item-card{padding:10px 12px}.inventory-dates{font-size:10px}}
@media(max-width:1000px){.sidebar{width:175px}main{margin-left:175px}#content{padding:22px 20px}.topbar{padding:0 20px}.shopping-columns{grid-template-columns:1fr}.inventory-table-head{display:none}.inventory-row{grid-template-columns:minmax(140px,1fr) 55px 140px}.inventory-dates{grid-column:1/3;grid-row:2}.inventory-status{grid-column:3;grid-row:2;justify-content:flex-end}.inventory-actions{grid-column:3;grid-row:1;max-width:none}.inventory-row.item-card{min-height:85px}.compact-stats .stat{padding:10px;gap:6px}}
@media(max-width:650px){.sidebar{inset:auto 0 0;width:auto;background:#fff;height:74px;padding:0 6px;border-top:1px solid var(--line)}main{margin-left:0}.topbar{height:58px;padding:0 14px}#content{padding:18px 12px 30px}.page-heading h1{font-size:22px}.page-heading p{font-size:12px}.page-heading{margin-bottom:14px}.page-heading>div{min-width:210px}.page-heading .secondary,.page-heading .primary,.page-heading .quiet{padding:10px 12px;font-size:12px}#nav button{color:#74839a;min-width:62px;flex-basis:62px;font-size:9px;padding:9px 2px}#nav button.active{background:#edf2ff;color:#315ce8}nav b{background:#dbe6ff;color:#315ce8}.compact-stats .stat{padding:9px 8px;display:block}.compact-stats .stat label{font-size:10px}.compact-stats .stat .number{font-size:21px;margin-top:3px}.stats{gap:7px}.toolbar{gap:6px}.toolbar input{flex-basis:100%}.toolbar select{flex:1;min-width:90px;font-size:11px}.inventory-row{grid-template-columns:minmax(110px,1fr) 52px 115px;gap:6px}.inventory-row.item-card{padding:10px;min-height:86px}.inventory-name strong{font-size:13px}.inventory-name small{font-size:10px}.inventory-stock{font-size:19px}.inventory-dates{gap:3px 8px}.inventory-dates small{font-size:9px}.inventory-actions{gap:2px}.inventory-actions button{font-size:10px;min-height:32px;padding:6px}.inventory-status .badge{font-size:9px;padding:4px}.shopping-summary{margin-bottom:12px}.shopping-panel{padding:12px}.shopping-columns{gap:12px}.shopping-row{padding:10px 0;gap:8px}.shopping-row .row-main strong{font-size:13px}.shopping-quantity{font-size:19px}.shopping-panel .panel-heading .muted{display:none}.panel{padding:16px}.row-actions{max-width:150px}.login-card{padding:30px}}

.task-notes{font-size:12px;margin-top:8px;color:var(--muted)}.task-notes summary{cursor:pointer;color:var(--green);padding:5px 0}.task-notes p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);margin:8px 0}.task-note-input{grid-column:1/-1}