:root{--ink:#1b2430;--muted:#5e6673;--gold:#b8860b;--gold-soft:#f7f1e1;--rule:#d9d5c9;--paper:#fff;--desk:#f3f1ec;--ok:#1e6b3a;--bad:#a83232;--warn:#8a5a00}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--ink);background:var(--desk);font-variant-numeric:tabular-nums;font-family:Archivo,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.shell{grid-template-columns:200px 1fr;min-height:100%;display:grid}.rail{background:var(--ink);color:#e9e4d6;flex-direction:column;padding:20px 0;display:flex}.rail .brand{color:#fff;letter-spacing:.02em;padding:0 20px 18px;font-size:17px;font-weight:700}.rail .brand small{color:#a9b0bc;font-size:11px;font-weight:400;display:block}.rail a{color:#c9ced6;border-left:3px solid #0000;padding:9px 20px;display:block}.rail a:hover{color:#fff}.rail a.active{color:#fff;border-left-color:var(--gold);background:#ffffff0d}.rail .spacer{flex:1}.rail .user{color:#a9b0bc;border-top:1px solid #ffffff1a;padding:12px 20px;font-size:12px}.rail .user button{color:#e9e4d6;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.main{width:100%;max-width:1240px;padding:28px 32px}.main h1{margin-bottom:18px;font-size:22px;font-weight:600}.main h1 small{color:var(--muted);margin-left:10px;font-size:14px;font-weight:400}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.topbar h1{margin:0}.btn{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:3px;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.btn:hover{background:#2a3442}.btn.gold{background:var(--gold);border-color:var(--gold)}.btn.gold:hover{background:#9c7209}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{background:var(--gold-soft)}.btn.sm{padding:5px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--muted);font-size:12px}.field input,.field select,.field textarea{border:1px solid var(--rule);background:#fff;border-radius:3px;min-width:0;padding:7px 9px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 2px #b8860b2e}.field input.num{text-align:right}.grid{gap:12px 16px;display:grid}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g6{grid-template-columns:repeat(6,1fr)}.panel{background:var(--paper);border:1px solid var(--rule);margin-bottom:16px;padding:18px 20px}.panel h2{border-bottom:1px solid var(--rule);margin-bottom:12px;padding-bottom:8px;font-size:14px;font-weight:600}.panel h2 span{color:var(--muted);margin-left:8px;font-weight:400}table{border-collapse:collapse;background:var(--paper);width:100%}th{text-align:left;background:var(--gold-soft);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);white-space:nowrap;padding:9px 10px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--rule);vertical-align:top;padding:9px 10px}tr.click{cursor:pointer}tr.click:hover td{background:#fbf9f3}.num{text-align:right;white-space:nowrap}.muted{color:var(--muted)}.small{font-size:12px}.pos{color:var(--ok)}.neg{color:var(--bad)}.tag{border:1px solid var(--rule);color:var(--muted);border-radius:2px;padding:2px 7px;font-size:11px;display:inline-block}.tag.issued{border-color:var(--ok);color:var(--ok)}.tag.draft{border-color:var(--warn);color:var(--warn)}.empty{text-align:center;color:var(--muted);background:var(--paper);border:1px dashed var(--rule);padding:40px}.error{border:1px solid var(--bad);color:var(--bad);background:#fbeaea;margin-bottom:14px;padding:10px 12px}.notice{background:var(--gold-soft);border:1px solid var(--gold);margin-bottom:14px;padding:10px 12px}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat{background:var(--paper);border:1px solid var(--rule);border-top:3px solid var(--gold);padding:16px 18px}.stat .v{margin-top:2px;font-size:24px;font-weight:600}.stat .l{color:var(--muted);font-size:12px}.two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sheetrow{z-index:2;background:var(--ink);color:#fff;grid-template-columns:2fr 1.4fr 1fr 1fr 1fr 1fr 1fr;align-items:end;gap:14px;margin:-28px -32px 20px;padding:12px 18px;display:grid;position:sticky;top:0}.sheetrow div{min-width:0}.sheetrow .k{color:#a9b0bc;font-size:11px}.sheetrow .v{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.sheetrow .v.gold{color:#e8c25a}.segrow{grid-template-columns:120px 90px 90px 160px 32px;align-items:end;gap:8px;margin-bottom:8px;display:grid}.dropzone{border:2px dashed var(--rule);text-align:center;color:var(--muted);cursor:pointer;background:#fff;padding:22px}.dropzone.on{border-color:var(--gold);background:var(--gold-soft)}.itemcard{border:1px solid var(--rule);background:#fbfaf7;margin-bottom:12px;padding:14px}.itemcard .hd{justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:600;display:flex}.x{color:var(--bad);cursor:pointer;background:0 0;border:0;padding:6px;font-size:16px}.login{background:var(--ink);place-items:center;min-height:100%;display:grid}.login form{background:var(--paper);border-top:4px solid var(--gold);width:360px;padding:34px 36px}.login h1{margin-bottom:4px;font-size:20px}.login p{color:var(--muted);margin-bottom:20px;font-size:13px}.login .field{margin-bottom:12px}@media (width<=900px){.shell{grid-template-columns:1fr}.rail{flex-flow:wrap;padding:8px}.rail .brand{width:100%;padding:8px 12px}.rail a{border-left:0;padding:8px 12px}.rail .spacer,.rail .user{display:none}.main{padding:16px}.stats,.two,.g3,.g4,.g6{grid-template-columns:1fr 1fr}.sheetrow{grid-template-columns:1fr 1fr 1fr;margin:-16px -16px 16px}.segrow{grid-template-columns:1fr 1fr 1fr 1fr}}@media print{.rail,.topbar{display:none}.main{max-width:none;padding:0}}