:root{--navy: #000080;--navy-2: #0b1a5c;--gold: #d4a574;--bg: #f6f4ef;--card: #ffffff;--line: #e3dfd6;--text: #1c1c28;--muted: #6b6b7b;--red: #b42318;--green: #067647;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}h1{font-size:22px;margin:0 0 16px;color:var(--navy-2)}h2{font-size:17px;margin:8px 0 14px}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}input,select,button{font:inherit}input,select{width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#fff}input:focus,select:focus{outline:2px solid var(--gold);border-color:var(--gold)}label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}label.inline{flex-direction:row;align-items:center;gap:8px}button{padding:7px 14px;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer}button.primary{background:var(--navy);color:#fff;border-color:var(--navy)}button.primary:disabled{opacity:.45;cursor:not-allowed}button.danger{color:var(--red);border-color:var(--red)}button.link{border:none;background:none;color:var(--navy);padding:4px 6px}.shell{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--navy-2);color:#fff;display:flex;flex-direction:column;padding:18px 14px}.sidebar nav{display:flex;flex-direction:column;gap:2px;margin-top:18px}.sidebar nav a{color:#dfe3f5;padding:8px 10px;border-radius:6px}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff1a;color:#fff;text-decoration:none}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.sidebar-foot button.link{color:var(--gold);padding:2px 0}.content{flex:1;padding:24px 28px;overflow-x:auto}.brand{font-weight:700;font-size:18px;letter-spacing:.3px}.brand span{color:var(--gold);font-weight:500}.brand.big{font-size:24px;color:var(--navy)}.company-name{margin-top:10px;font-size:13px;color:var(--gold)}.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:16px}.card.login{width:360px;display:flex;flex-direction:column;gap:12px}.card.wide{width:640px;display:flex;flex-direction:column;gap:12px}.company-list{display:flex;flex-direction:column;gap:6px}.company-item{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:12px 14px}.company-item:hover{border-color:var(--gold)}.grid2,.grid3,.grid4{display:grid;gap:12px}.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}.span2{grid-column:span 2}.span3{grid-column:span 3}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.row-gap{display:flex;gap:10px;align-items:center}.filters{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap}.filters label{width:160px}table.grid{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:16px}table.grid th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);background:#faf8f3;padding:9px 10px;border-bottom:1px solid var(--line)}table.grid td{padding:8px 10px;border-bottom:1px solid #f0ede6;font-size:14px}table.grid tfoot td{background:#faf8f3}table.entry td{padding:5px 6px}.num{text-align:right;font-variant-numeric:tabular-nums}th.num{text-align:right}.group-row td{background:#fbf8f1;font-weight:600}.indent{padding-left:26px!important}.strong{font-weight:700}.ellipsis{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag{font-size:11px;margin-left:6px;padding:1px 6px;border-radius:10px;background:#eef0f8;color:var(--navy)}.tag.warn{background:#fff4e5;color:#b54708;margin:0}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--red);background:#fef3f2;border:1px solid #fecdca;padding:8px 10px;border-radius:6px;margin:8px 0}.error-text{color:var(--red)}.ok{color:var(--green)}.card.scan{display:flex;flex-direction:column;gap:12px;max-width:560px}.bill-preview{max-width:100%;max-height:420px;object-fit:contain;border:1px solid var(--line);border-radius:8px}.draft-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff4e5;border:1px solid #f5c98b;color:#7a4a00;padding:10px 14px;border-radius:8px;margin-bottom:12px}.warn-box{background:#fffbeb;border:1px solid #fde68a;color:#6b4e00;padding:10px 14px;border-radius:8px;margin-bottom:12px;display:flex;flex-direction:column;gap:4px;font-size:14px}table.tstatement td.divider,table.tstatement th.divider{border-left:2px solid var(--line)}table.tstatement td{width:25%}.group-cell{font-weight:600}.line-cell{font-weight:600;font-style:italic;color:var(--navy-2)}.result-banner{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:16px}.ok-bg{background:#ecfdf3;border:1px solid #abefc6;color:var(--green)}.loss-bg{background:#fef3f2;border:1px solid #fecdca;color:var(--red)}.kpis{display:flex;gap:12px;margin:8px 0 16px;flex-wrap:wrap}.kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 16px;min-width:200px;display:flex;flex-direction:column;gap:4px}.kpi span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.kpi strong{font-size:18px}.kpi.ok strong{color:var(--green)}.kpi.bad strong{color:var(--red)}.tabs{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap}.tab{border-radius:20px}.tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}.tab .count{margin-left:6px;font-size:12px;opacity:.8}textarea{width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:6px;font:inherit;resize:vertical}table.totals{width:320px;margin-left:16px}.invoice{background:#fff;border:1px solid var(--line);max-width:900px;padding:28px 32px;font-size:13px;color:#111}.inv-title{text-align:center;font-size:18px;font-weight:700;letter-spacing:2px;margin-bottom:16px}.inv-head,.inv-parties,.inv-bottom,.inv-sign{display:flex;justify-content:space-between;gap:24px}.inv-head{border-bottom:1px solid #ccc;padding-bottom:12px}.inv-seller{font-size:17px;font-weight:700;color:var(--navy-2)}.inv-meta div{display:flex;justify-content:space-between;gap:16px;min-width:260px}.inv-meta span,.inv-label{color:#666;font-size:11px;text-transform:uppercase;letter-spacing:.4px}.inv-parties{padding:12px 0;border-bottom:1px solid #ccc}.pre{white-space:pre-line}.inv-table{width:100%;border-collapse:collapse;margin:12px 0}.inv-table th,.inv-table td{border:1px solid #ccc;padding:6px 8px;text-align:left}.inv-table th{background:#f4f4f4;font-size:11px;text-transform:uppercase}.inv-table .num{text-align:right}.small-table{font-size:11px;margin-top:10px}.inv-words{flex:1}.inv-totals{width:300px;border-collapse:collapse}.inv-totals td{padding:5px 8px;border-bottom:1px solid #eee}.inv-totals .num{text-align:right}.inv-grand td{font-size:15px;font-weight:700;border-top:2px solid #111}.inv-sign{margin-top:36px;align-items:flex-end}.inv-sign .right{text-align:right}.sign-space{height:48px}@media print{.sidebar,.no-print{display:none!important}.content{padding:0}body,.shell{background:#fff}.invoice{border:none;max-width:none;padding:0}@page{size:A4;margin:12mm}}tr.dim td{opacity:.55}
