:root{--navy:#10275c;--blue:#2384b5;--ink:#17213d;--muted:#6f7990;--line:#dfe4ed;--bg:#f5f7fb;--green:#17845d;--amber:#a66710;--red:#b73d46}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Arial,sans-serif}.hidden{display:none!important}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}aside{position:fixed;inset:0 auto 0 0;width:235px;padding:28px 18px;display:flex;flex-direction:column;background:linear-gradient(175deg,#0b1f4e,#173a78);color:#fff}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px;border-bottom:1px solid #ffffff20}.brand .logo{color:#56bfe9;font-size:26px;font-weight:bold;transform:skew(-12deg)}.brand b,.brand small{display:block}.brand b{letter-spacing:.12em}.brand small{font-size:9px;color:#8dd1ed;letter-spacing:.14em;margin-top:3px}nav{display:grid;gap:7px;margin-top:25px}nav button{border:0;background:transparent;color:#ffffffaa;padding:12px;border-radius:9px;text-align:left;cursor:pointer}nav button.active,nav button:hover{color:white;background:#ffffff14;box-shadow:inset 3px 0 #4ebce6}.local-badge{margin-top:auto;display:flex;gap:10px;align-items:center;border:1px solid #ffffff20;background:#ffffff0d;border-radius:10px;padding:12px}.local-badge i{width:8px;height:8px;background:#5ee0a6;border-radius:50%}.local-badge b,.local-badge small{display:block}.local-badge b{font-size:12px}.local-badge small{font-size:10px;color:#ffffff88;margin-top:3px}main{grid-column:2}header{height:76px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}header select{border:0;color:var(--ink);font-weight:bold;background:#fff}button{cursor:pointer}.primary,.secondary,.ghost{border:0;border-radius:9px;padding:10px 15px;font-weight:bold}.primary{color:white;background:linear-gradient(135deg,#193d83,#277dac)}.secondary{color:var(--navy);background:#fff;border:1px solid #cad3e1;margin-right:8px}.ghost{background:#edf0f5;color:var(--muted)}.content{padding:34px 38px 70px;max-width:1500px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.heading p,.modal-head p{color:#2194c6;font-size:10px;font-weight:bold;letter-spacing:.17em;margin:0 0 6px}.heading h1{font-size:32px;margin:0}.heading span{display:block;color:var(--muted);font-size:13px;margin-top:8px}.heading em{font-style:normal;color:var(--green);background:#eaf8f1;border:1px solid #cbe9dc;padding:8px 11px;border-radius:999px;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;box-shadow:0 5px 18px #1b2f5708}.metric small,.metric span{display:block;color:var(--muted);font-size:11px}.metric b{display:block;font-size:22px;margin:7px 0}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 26px #1b2f570d}.panel-head{padding:17px 19px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:14px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.panel-head input{border:1px solid var(--line);padding:9px 11px;border-radius:8px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:1000px}th{text-align:left;padding:12px 13px;color:#748097;background:#f9fafc;font-size:9px;text-transform:uppercase;letter-spacing:.08em}td{padding:13px;border-top:1px solid #e9edf3;font-size:12px;vertical-align:middle}td b,td small{display:block}td small{color:#8c96a8;margin-top:4px}.amount{text-align:right;font-weight:bold}.center{border:1px dashed #d8aa51;background:#fffaf0;color:#8a5a08;padding:6px;border-radius:8px}.status{border:0;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:bold}.status.pending{color:#94610d;background:#fff2da}.status.ready{color:#0e6d4c;background:#eaf8f1}.delete,.open-file{border:0;background:transparent;color:#8d97a9;font-size:16px}.sheet{background:#fff;border:1px solid #ccd4df;box-shadow:0 14px 40px #19284e1f;padding:28px 36px;max-width:1180px;margin:auto;overflow:auto}.sheet img{width:65%;max-height:95px;object-fit:contain;object-position:left}.sheet h2{font-size:14px}.sheet table{min-width:900px;font-size:10px}.sheet th{background:#8faadc;color:#111;border:1px solid #222}.sheet td{border:1px solid #333;padding:6px}.preview-warning{max-width:1180px;margin:0 auto 14px;background:#fff6e5;color:#82530c;border:1px solid #eed29a;padding:11px;border-radius:9px}.history-list{padding:12px 20px}.history-item{padding:12px 0;border-bottom:1px solid var(--line)}.history-item small{color:var(--muted)}.notice{position:fixed;right:24px;top:90px;z-index:30;background:#effaf5;color:#0e6545;border:1px solid #bfe6d3;border-radius:9px;padding:11px 14px}.backdrop{position:fixed;inset:0;background:#071330a3;display:grid;place-items:center;padding:20px;z-index:50}.modal{width:min(800px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 25px 80px #0005}.modal-head{display:flex;justify-content:space-between;padding:22px 24px 16px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:22px}.modal-head button{border:0;background:#eef1f6;border-radius:8px;font-size:26px;color:#7b8597;width:36px}form{padding:20px 24px 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:10px;font-weight:bold;color:#546076}.form-grid label>small{font-weight:normal;color:#8e98a9}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid #d7dde7;border-radius:8px;padding:11px;background:#fcfdff;color:var(--ink)}.full{grid-column:1/-1}.upload{min-height:76px;border:1px dashed #9fb4cb;border-radius:10px;background:#f7fbfe;display:flex;align-items:center;gap:11px;padding:13px;position:relative;color:#2c688e}.upload>b{font-size:24px}.upload span,.upload small{display:block}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.ocr{display:grid;gap:5px;margin-top:12px;background:#f0faf5;border:1px solid #bfe2d3;color:#176c4e;padding:11px;border-radius:9px}.ocr span{font-size:10px;color:#667b8c}.ocr>div{height:4px;background:#dcebe5;border-radius:99px}.ocr i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2e89b5,#41b990);border-radius:99px}.error{color:var(--red);background:#fff0f1;padding:9px;border-radius:8px}.actions{display:flex;justify-content:end;gap:9px;margin-top:18px}@media(max-width:900px){.shell{display:block}aside{position:static;width:100%}aside nav{display:flex;overflow:auto}.local-badge{display:none}main{grid-column:auto}.metrics{grid-template-columns:1fr 1fr}header,.content{padding-left:18px;padding-right:18px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}