:root{--ink: #14202a;--paper: #f6f7f5;--card: #ffffff;--blueprint: #1b4b73;--blueprint-soft: #f2f6fa;--moss: #2f6f5b;--clay: #9c3b2e;--amber: #b26a00;--rule: #cfd6d3;--muted: #5c6b73;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--blueprint)}.shell{display:flex;min-height:100%}.sidebar{width:232px;flex:0 0 232px;border-right:1px solid var(--rule);padding:22px 16px;display:flex;flex-direction:column;gap:22px}.brand{font-weight:680;font-size:15px;letter-spacing:-.01em}.brand small{display:block;font:500 11px/1.4 var(--mono);color:var(--muted);letter-spacing:.04em;margin-top:3px;word-break:break-all}.nav{display:flex;flex-direction:column;gap:2px}.nav a{display:flex;justify-content:space-between;align-items:center;padding:8px 11px;border-radius:7px;text-decoration:none;color:var(--ink);font-weight:520}.nav a:hover{background:#eceeeb}.nav a.active{background:var(--blueprint);color:#fff}.nav a .count{font:600 11px/1 var(--mono);padding:3px 6px;border-radius:20px;background:#e4e8e5;color:var(--muted)}.nav a.active .count{background:#ffffff38;color:#fff}.sidebar-foot{margin-top:auto;font-size:13px;color:var(--muted)}.sidebar-foot button{background:none;border:0;padding:0;color:var(--blueprint);font:inherit;cursor:pointer;text-decoration:underline}.content{flex:1;padding:30px 34px 64px;max-width:1060px}.eyebrow{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 7px}h1{font-size:25px;font-weight:660;margin:0 0 6px;letter-spacing:-.015em}h2{font-size:16px;font-weight:620;margin:30px 0 12px}.lede{color:var(--muted);margin:0 0 26px;max-width:62ch}.card{background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:20px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tile{background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:15px 16px}.tile .n{font:660 27px/1 var(--mono)}.tile .k{font-size:13px;color:var(--muted);margin-top:5px}.tile.warn .n{color:var(--amber)}.tile.good .n{color:var(--moss)}table{width:100%;border-collapse:collapse;background:var(--card)}.table-wrap{border:1px solid var(--rule);border-radius:10px;overflow:hidden}th{text-align:left;font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:11px 14px;border-bottom:1px solid var(--rule);background:#fafbfa}td{padding:13px 14px;border-bottom:1px solid var(--rule);vertical-align:top}tr:last-child td{border-bottom:0}td.num{text-align:right}.ref{font:600 13px/1 var(--mono)}.sub{display:block;color:var(--muted);font-size:13px;margin-top:3px}.pair{font:600 15px/1.25 var(--mono);text-align:right;white-space:nowrap}.pair .requested{color:var(--muted);font-weight:500}.pair .reduced{text-decoration:line-through;text-decoration-thickness:1px}.pair .approved{color:var(--moss)}.pair .none{color:var(--muted);font-weight:500}.pill{display:inline-block;padding:3px 9px;border-radius:20px;font:600 11px/1.5 var(--mono);letter-spacing:.04em;background:#e9ece9;color:var(--muted);white-space:nowrap}.pill.needs_review,.pill.awaiting_approval,.pill.awaiting_confirmation{background:#fbf0dd;color:var(--amber)}.pill.approved,.pill.approved_with_changes,.pill.confirmed,.pill.ready_for_bookkeeping{background:#e3efea;color:var(--moss)}.pill.declined,.pill.problem_reported{background:#f7e6e3;color:var(--clay)}label.field{display:block;margin-bottom:15px}label.field span{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}input[type=text],input[type=email],select,textarea{width:100%;padding:9px 11px;border:1px solid var(--rule);border-radius:7px;font:inherit;background:#fff;color:inherit}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--blueprint);outline-offset:2px}.btn{padding:9px 15px;border:1px solid var(--blueprint);border-radius:7px;background:var(--blueprint);color:#fff;font:600 14px/1.4 inherit;cursor:pointer}.btn.quiet{background:#fff;color:var(--blueprint)}.btn:disabled{opacity:.55;cursor:default}.checks{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:15px}.checks label{display:flex;gap:6px;align-items:center;font-size:14px}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.inline-form{display:flex;gap:8px;align-items:flex-start}.inline-form input{flex:1}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--ink);font-size:15px;margin-bottom:5px}.error{background:#f9ebe8;border:1px solid #e8c9c2;color:var(--clay);padding:11px 13px;border-radius:8px;margin-bottom:16px;font-size:14px}.ok{background:#e8f1ed;border:1px solid #c3ddd2;color:var(--moss);padding:11px 13px;border-radius:8px;margin-bottom:16px;font-size:14px}.signin{display:grid;place-items:center;min-height:100%;padding:24px}.signin .card{width:100%;max-width:380px}.signin h1{font-size:20px}@media (max-width: 760px){.shell{flex-direction:column}.sidebar{width:auto;flex:none;border-right:0;border-bottom:1px solid var(--rule)}.nav{flex-direction:row;flex-wrap:wrap}.content{padding:22px 18px 56px}}