:root{--ink: #101418;--ink-2: #232a33;--ink-3: #4b5563;--muted: #78838f;--steel: #eceff3;--steel-2: #e2e7ed;--paper: #ffffff;--line: #d9e0e7;--line-soft: #eaeef2;--brass: #b8862b;--brass-hi: #d3a03f;--brass-wash: #f8f0dd;--out: #b8862b;--late: #ad3228;--late-wash: #fbeceb;--good: #2b7a5b;--good-wash: #e8f4ef;--hold: #35608f;--hold-wash: #e9f0f7;--harm: #8a5624;--r-sm: 4px;--r: 7px;--r-lg: 12px;--shadow-1: 0 1px 2px rgba(16, 20, 24, .06), 0 1px 3px rgba(16, 20, 24, .04);--shadow-2: 0 8px 28px rgba(16, 20, 24, .12);--sans: "Inter", system-ui, -apple-system, sans-serif;--display: "Archivo", "Inter", sans-serif;--mono: "IBM Plex Mono", "SF Mono", monospace;--sidebar-w: 246px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--steel);color:var(--ink-2);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--display);color:var(--ink);margin:0;letter-spacing:-.02em}h1{font-size:22px;font-weight:700}h2{font-size:17px;font-weight:700}h3{font-size:15px;font-weight:600}a{color:inherit;text-decoration:none}.eyebrow{font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--ink);color:#aeb8c4;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:40}.brand{padding:20px 20px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.brand-mark{font-family:var(--display);font-size:19px;font-weight:800;color:#fff;letter-spacing:-.03em;display:flex;align-items:center;gap:9px}.brand-mark span{width:9px;height:22px;background:var(--brass);border-radius:1px;display:inline-block}.brand-sub{font-size:11px;color:#6c7784;margin-top:5px;padding-left:18px}.nav{padding:14px 10px;overflow-y:auto;flex:1}.nav-group{margin-bottom:18px}.nav-group>.eyebrow{padding:0 12px 7px;color:#5b6673;font-size:9px}.nav-link{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:var(--r-sm);font-size:13.5px;font-weight:500;color:#aeb8c4;border-left:2px solid transparent;transition:background .12s,color .12s}.nav-link:hover{background:#ffffff0d;color:#fff}.nav-link.active{background:#b8862b24;border-left-color:var(--brass);color:#fff}.nav-link .tally{margin-left:auto;font-family:var(--mono);font-size:11px;background:#ffffff17;padding:1px 6px;border-radius:20px}.nav-link .tally.hot{background:var(--late);color:#fff}.nav-foot{padding:13px 16px;border-top:1px solid rgba(255,255,255,.07);font-size:12px}.nav-foot .who{color:#fff;font-weight:600}.nav-foot .role{color:#6c7784;text-transform:capitalize}.nav-foot button{margin-top:9px;background:none;border:1px solid rgba(255,255,255,.16);color:#aeb8c4;padding:5px 10px;border-radius:var(--r-sm);cursor:pointer;font:inherit;font-size:12px}.nav-foot button:hover{border-color:var(--brass);color:#fff}.main{margin-left:var(--sidebar-w);flex:1;min-width:0;display:flex;flex-direction:column}.topbar{background:var(--paper);border-bottom:1px solid var(--line);padding:13px 26px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:30}.topbar .title-wrap{min-width:0}.topbar .sub{font-size:12.5px;color:var(--muted);margin-top:1px}.topbar .spacer{flex:1}.page{padding:22px 26px 60px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-weight:600;font-size:13.5px;padding:8px 15px;border-radius:var(--r);border:1px solid var(--line);background:var(--paper);color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,transform .06s}.btn:hover{background:var(--steel)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.btn-primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn-primary:hover{background:var(--ink-2)}.btn-brass{background:var(--brass);border-color:var(--brass);color:#fff}.btn-brass:hover{background:var(--brass-hi)}.btn-danger{color:var(--late);border-color:#eccbc8;background:var(--late-wash)}.btn-danger:hover{background:#f7dedb}.btn-sm{padding:5px 10px;font-size:12.5px}.btn-icon{padding:6px 9px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.card-head{padding:14px 18px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:12px}.card-head .spacer{flex:1}.card-body{padding:18px}.card-body.tight{padding:0}.grid{display:grid;gap:16px}.g-2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-4{grid-template-columns:repeat(4,minmax(0,1fr))}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row-end{margin-left:auto}.stack{display:flex;flex-direction:column;gap:16px}.plate{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:15px 17px;box-shadow:var(--shadow-1);position:relative;overflow:hidden}.plate:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--line)}.plate.is-out:before{background:var(--brass)}.plate.is-late:before{background:var(--late)}.plate.is-good:before{background:var(--good)}.plate.is-hold:before{background:var(--hold)}.plate .value{font-family:var(--mono);font-size:25px;font-weight:600;color:var(--ink);letter-spacing:-.03em;margin-top:6px;line-height:1.1}.plate .foot{font-size:12px;color:var(--muted);margin-top:4px}.stockbar{display:flex;height:7px;border-radius:20px;overflow:hidden;background:var(--steel-2);min-width:90px}.stockbar>i{display:block;height:100%;transition:width .3s ease}.seg-free{background:var(--good)}.seg-out{background:var(--brass)}.seg-damaged{background:var(--harm)}.seg-late{background:var(--late)}.stockbar-legend{display:flex;gap:13px;font-size:11.5px;color:var(--muted);margin-top:7px;flex-wrap:wrap}.stockbar-legend b{font-family:var(--mono);color:var(--ink-2);font-weight:600}.dot{width:7px;height:7px;border-radius:2px;display:inline-block;margin-right:5px;vertical-align:1px}.table-wrap{overflow-x:auto}table.grid-table{width:100%;border-collapse:collapse;font-size:13.5px}.grid-table th{text-align:left;font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);padding:11px 16px;border-bottom:1px solid var(--line);background:#f7f9fb;white-space:nowrap}.grid-table td{padding:12px 16px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.grid-table tbody tr:last-child td{border-bottom:none}.grid-table tbody tr:hover{background:#fafbfc}.grid-table tr.clickable{cursor:pointer}.grid-table .r{text-align:right}.grid-table .c{text-align:center}.cell-title{font-weight:600;color:var(--ink)}.cell-sub{font-size:12px;color:var(--muted);margin-top:2px}.code-chip{font-family:var(--mono);font-size:11.5px;color:var(--ink-3);background:var(--steel);border:1px solid var(--line-soft);padding:1px 6px;border-radius:var(--r-sm)}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:20px;border:1px solid transparent;white-space:nowrap;text-transform:capitalize}.pill-reserved{background:var(--hold-wash);color:var(--hold);border-color:#cfdff0}.pill-issued{background:var(--brass-wash);color:#8a6520;border-color:#ecd9ac}.pill-partial{background:#f4eee4;color:var(--harm);border-color:#e3d4bd}.pill-returned{background:var(--good-wash);color:var(--good);border-color:#c6e3d6}.pill-closed{background:var(--steel);color:var(--ink-3);border-color:var(--line)}.pill-cancelled{background:var(--steel);color:var(--muted);border-color:var(--line)}.pill-late{background:var(--late-wash);color:var(--late);border-color:#f0cbc7}.field{display:flex;flex-direction:column;gap:5px}.field>label{font-size:12.5px;font-weight:600;color:var(--ink-3)}.field .hint{font-size:11.5px;color:var(--muted)}input,select,textarea{font:inherit;font-size:13.5px;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:8px 11px;width:100%;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px #b8862b24}input[type=number]{font-family:var(--mono)}textarea{resize:vertical;min-height:70px}input:disabled,select:disabled{background:var(--steel);color:var(--muted)}.search{position:relative;max-width:330px;flex:1}.search input{padding-left:32px}.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted)}.seg-control{display:inline-flex;background:var(--steel);border:1px solid var(--line);border-radius:var(--r);padding:2px;gap:2px}.seg-control button{font:inherit;font-size:12.5px;font-weight:600;color:var(--ink-3);background:none;border:none;padding:5px 11px;border-radius:5px;cursor:pointer;white-space:nowrap}.seg-control button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-1)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#10141873;display:flex;align-items:flex-start;justify-content:center;padding:44px 18px;overflow-y:auto;z-index:60;animation:fade .14s ease}.modal{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-2);width:100%;max-width:560px;animation:rise .16s ease}.modal.wide{max-width:860px}.modal-head{padding:17px 20px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center}.modal-head .x{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--muted);font-size:20px;line-height:1;padding:2px 6px;border-radius:var(--r-sm)}.modal-head .x:hover{background:var(--steel);color:var(--ink)}.modal-body{padding:20px}.modal-foot{padding:14px 20px;border-top:1px solid var(--line-soft);display:flex;gap:10px;justify-content:flex-end;background:#fafbfc;border-radius:0 0 var(--r-lg) var(--r-lg)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(-8px)}}.toasts{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:9px;z-index:90}.toast{background:var(--ink);color:#fff;padding:11px 15px;border-radius:var(--r);box-shadow:var(--shadow-2);font-size:13.5px;max-width:360px;border-left:3px solid var(--brass);animation:rise .16s ease}.toast.err{border-left-color:var(--late)}.toast.ok{border-left-color:var(--good)}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--paper)}.login-art{background:var(--ink);color:#fff;padding:54px 52px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art h1{color:#fff;font-size:40px;font-weight:800;line-height:1.08;letter-spacing:-.035em;max-width:12ch}.login-art h1 em{font-style:normal;color:var(--brass-hi)}.login-art p{color:#8b96a3;max-width:42ch;margin-top:16px}.login-tally{display:flex;gap:30px;border-top:1px solid rgba(255,255,255,.12);padding-top:22px}.login-tally div span{display:block}.login-tally .k{font-family:var(--mono);font-size:21px;color:var(--brass-hi);font-weight:600}.login-tally .l{font-size:11.5px;color:#6c7784;margin-top:2px}.login-form{display:flex;align-items:center;justify-content:center;padding:40px}.login-form form{width:100%;max-width:330px}.login-form .field{margin-bottom:15px}.demo-note{margin-top:22px;padding:12px 14px;background:var(--brass-wash);border:1px solid #ecd9ac;border-radius:var(--r);font-size:12.5px;color:#7a5a1c}.demo-note code{font-family:var(--mono)}.empty{padding:44px 20px;text-align:center;color:var(--muted)}.empty h3{color:var(--ink-3);margin-bottom:5px}.spinner{width:17px;height:17px;border:2px solid var(--line);border-top-color:var(--brass);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:13.5px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:500;color:var(--ink-2);text-align:right}.money-line{display:flex;justify-content:space-between;padding:7px 0;font-size:13.5px;border-bottom:1px dashed var(--line-soft)}.money-line:last-child{border-bottom:none}.money-line span:last-child{font-family:var(--mono)}.money-line.total{font-weight:700;font-size:16px;color:var(--ink);border-top:2px solid var(--ink);border-bottom:none;margin-top:6px;padding-top:11px}.money-line.due span:last-child{color:var(--late);font-weight:700}.bar-chart{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:150px 1fr 90px;gap:12px;align-items:center;font-size:13px}.bar-track{background:var(--steel-2);height:20px;border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:var(--brass);border-radius:3px;transition:width .4s ease}.bar-row .amt{text-align:right;font-family:var(--mono);font-size:12.5px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs button{font:inherit;font-size:13.5px;font-weight:600;background:none;border:none;border-bottom:2px solid transparent;padding:9px 15px;color:var(--muted);cursor:pointer;margin-bottom:-1px}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--brass)}.line-editor{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}@media print{.sidebar,.topbar,.no-print{display:none!important}.main{margin-left:0}.page{padding:0}.card{border:none;box-shadow:none}body{background:#fff}}@media (max-width: 1100px){.g-4,.g-3{grid-template-columns:repeat(2,minmax(0,1fr))}.login-wrap{grid-template-columns:1fr}.login-art{display:none}}@media (max-width: 820px){:root{--sidebar-w: 0px}.sidebar{transform:translate(-100%);transition:transform .2s ease;width:246px;flex-basis:246px}.sidebar.open{transform:none;box-shadow:var(--shadow-2)}.main{margin-left:0}.page{padding:16px 14px 60px}.topbar{padding:12px 14px}.g-2,.g-3,.g-4{grid-template-columns:1fr}.bar-row{grid-template-columns:110px 1fr 70px}}.menu-btn{display:none}@media (max-width: 820px){.menu-btn{display:inline-flex}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}