:root{--navy:#123c69;--blue:#1f5f99;--ink:#172638;--muted:#647386;--line:#dbe3ec;--surface:#fff;--canvas:#f3f6f9;--green:#157a62;--amber:#a05a00;--red:#b42318;--shadow:0 12px 36px rgba(18,60,105,.13)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas);font-size:16px}body{margin:0;min-height:100vh}.appbar{height:76px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,52px);position:sticky;top:0;z-index:10;box-shadow:0 3px 18px rgba(5,32,58,.24)}.brand{display:flex;align-items:center;gap:12px}.brand strong,.brand small{display:block}.brand small{opacity:.72;margin-top:2px}.mark{width:38px;height:38px;border-radius:11px;background:#fff;color:var(--navy);display:grid;place-items:center;font-weight:900;font-size:1.25rem}.header-actions{display:flex;gap:10px}.button{border:1px solid transparent;border-radius:10px;min-height:42px;padding:0 16px;font-size:.9rem;font-weight:750;cursor:pointer}.button.primary{background:#f4b942;color:#13263a}.button.secondary{background:#fff;color:var(--navy);border-color:#bdcad8}.button.ghost{background:transparent;border-color:rgba(255,255,255,.35);color:inherit}main{padding:26px clamp(16px,4vw,52px) 64px;max-width:1600px;margin:auto}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metrics article{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 4px 18px rgba(18,60,105,.04);position:relative;overflow:hidden}.metrics article::after{content:"";position:absolute;width:74px;height:4px;background:#3f80bd;bottom:0;left:18px;border-radius:4px}.metrics article.money::after{background:#1d8a70}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{display:block;font-size:1.8rem;margin:8px 0 4px;letter-spacing:-.03em}.metrics small{font-size:.78rem}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}.filters,.records{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px rgba(18,60,105,.04)}.filters{padding:18px;position:sticky;top:94px}.filters label{display:block;margin-bottom:16px}.filters label span,.form-grid>label span,.norm-grid label span{display:block;font-size:.8rem;font-weight:750;margin-bottom:6px;color:#394b5e}.filters input,.filters select,.form-grid input,.form-grid select,.form-grid textarea,.norm-grid input{width:100%;border:1px solid #bdcad8;border-radius:9px;min-height:42px;padding:9px 11px;background:#fff;color:var(--ink);font:inherit}.filters input:focus,.filters select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.norm-grid input:focus{outline:3px solid rgba(31,95,153,.16);border-color:var(--blue)}.filter-actions{display:grid;gap:9px}.storage-note{font-size:.75rem;color:var(--muted);line-height:1.45;margin:18px 0 0;padding-top:15px;border-top:1px solid var(--line)}.records{min-width:0;overflow:hidden}.section-title{display:flex;justify-content:space-between;align-items:end;padding:20px 22px 14px}.section-title h1{font-size:1.35rem;margin:0}.section-title p{margin:4px 0 0;color:var(--muted);font-size:.85rem}.legend{font-size:.76rem;color:var(--muted);display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:8px}.dot.open{background:#e7a21a}.dot.closed{background:#2a9378}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th{background:#edf2f7;color:#4c5c6e;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:11px 14px;border-block:1px solid var(--line)}td{padding:14px;border-bottom:1px solid #e8edf2;font-size:.87rem;vertical-align:middle}tbody tr:hover{background:#f8fafc}.ref{font-weight:850;color:var(--navy)}.subtext{display:block;color:var(--muted);font-size:.76rem;margin-top:3px}.status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800;background:#fff0cf;color:#805000}.status.closed{background:#daf2eb;color:#12604e}.status.payment{background:#fde7e5;color:#8f251d}.numeric{text-align:right;font-variant-numeric:tabular-nums}.row-action{background:#fff;border:1px solid #bdcad8;border-radius:8px;padding:7px 10px;color:var(--navy);font-weight:750;cursor:pointer}.empty{padding:54px;text-align:center;color:var(--muted)}dialog{border:0;border-radius:18px;padding:0;width:min(1080px,calc(100vw - 28px));max-height:calc(100vh - 28px);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(8,24,40,.6);backdrop-filter:blur(3px)}dialog form{padding:24px}.dialog-head,.detail-head,.dialog-actions,.norm-card-head{display:flex;justify-content:space-between;align-items:center}.dialog-head{border-bottom:1px solid var(--line);padding-bottom:16px}.dialog-head h2{margin:2px 0 0}.eyebrow{margin:0;color:var(--blue);font-size:.72rem;font-weight:850;letter-spacing:.08em}.icon-button{border:0;background:#edf2f7;border-radius:50%;width:38px;height:38px;font-size:1.5rem;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.form-grid .wide{grid-column:span 2}.checks{border:1px solid var(--line);border-radius:10px;display:flex;gap:16px;align-items:center}.checks legend{font-size:.8rem;font-weight:750}.checks label{font-size:.83rem}.checks input{width:auto;min-height:auto}.detail-head{margin:20px 0 10px}.detail-head h3{margin:0}.detail-head p{margin:4px 0;color:var(--muted);font-size:.8rem}.norm-rows{display:grid;gap:12px}.norm-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:#f9fbfd}.norm-card-head{margin-bottom:12px}.remove-norm{border:0;background:transparent;color:var(--red);font-weight:750;cursor:pointer}.norm-grid{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:10px;align-items:end}.profit-output{background:#e5f4ef;border-radius:9px;padding:8px 11px;min-height:42px}.profit-output span,.profit-output strong{display:block}.profit-output span{font-size:.68rem;color:#447267}.dialog-actions{justify-content:flex-end;gap:10px;border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.dialog-actions .ghost{color:var(--navy);border-color:#bdcad8}#toast{position:fixed;right:22px;bottom:22px;background:#172638;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.filters{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}.filter-actions,.storage-note{grid-column:1/-1}.form-grid{grid-template-columns:repeat(2,1fr)}.norm-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.appbar{height:auto;padding:12px 15px}.brand small{display:none}.header-actions .ghost{display:none}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metrics article{padding:14px}.metrics strong{font-size:1.35rem}.workspace{gap:12px}.filters{grid-template-columns:1fr}.filter-actions,.storage-note{grid-column:auto}.section-title{align-items:start}.legend{display:none}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.checks{display:grid;grid-template-columns:1fr 1fr}.norm-grid{grid-template-columns:1fr 1fr}.profit-output{grid-column:1/-1}.detail-head{align-items:end}.dialog-head{position:sticky;top:-24px;background:#fff;z-index:2;padding-top:12px}dialog form{padding:18px}.dialog-actions{position:sticky;bottom:-18px;background:#fff;padding-bottom:14px}.button{padding-inline:12px}}@media print{.appbar,.filters,.metrics,.row-action{display:none!important}body,html{background:#fff}.workspace{display:block}.records{border:0;box-shadow:none}.table-wrap{overflow:visible}table{min-width:0}main{padding:0}.section-title{padding:0 0 12px}td,th{padding:6px;font-size:10px}}
