:root{--bg: #0f1115;--panel: #171a21;--panel-2: #1d212a;--line: #2a2f3a;--text: #e6e9ef;--muted: #8b93a5;--accent: #4c8dff;--ok: #3ecf8e;--warn: #e3b341;--err: #f2686b;--radius: 8px}@media (prefers-color-scheme: light){:root{--bg: #f4f6fa;--panel: #fff;--panel-2: #f7f9fc;--line: #dde2ec;--text: #1a1f2b;--muted: #66708a;--accent: #2563eb;--ok: #0e9f6e;--warn: #b45309;--err: #d33a3d}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Segoe UI,system-ui,-apple-system,sans-serif}h1,h2,h3{margin:0;font-weight:600}h1{font-size:17px}h2{font-size:14px}h3{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:24px;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.brand p{margin:0;font-size:12px;color:var(--muted)}.logo{width:34px;height:34px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:var(--radius);font-size:16px}.tabs{display:flex;gap:4px;margin-left:auto}.tabs button{padding:7px 15px;border:1px solid transparent;background:none;color:var(--muted);border-radius:var(--radius);cursor:pointer;font:inherit}.tabs button:hover{color:var(--text)}.tabs button.active{background:var(--panel-2);border-color:var(--line);color:var(--text)}.status{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.status .dot{width:8px;height:8px;border-radius:50%;background:var(--err)}.status.up .dot{background:var(--ok)}.status .status-text{font-weight:600}.status.up .status-text{color:var(--ok)}.status.down .status-text{color:var(--err)}.disclaimer{padding:9px 20px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-bottom:1px solid var(--line);color:var(--text);font-size:12.5px;line-height:1.45;text-align:center}main{padding:20px;max-width:1500px;width:100%;margin:0 auto}.loading{color:var(--muted);padding:40px;text-align:center}.form{display:flex;flex-direction:column;gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.card-head{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line)}.card-head h2{margin-right:auto}.fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;padding:14px}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field.wide{grid-column:span 2}.field>span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.input{width:100%;padding:7px 9px;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;color:var(--text);font:inherit;min-width:0}.input:focus{outline:none;border-color:var(--accent)}.input.num,.num input{text-align:right}.mb,.input.mb{margin-bottom:6px}.input.search{max-width:300px}.money-input{position:relative}.money-input .prefix{position:absolute;left:7px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:12px;pointer-events:none}.money-input .input{padding-left:17px}.check{display:flex;align-items:center;gap:7px;margin-bottom:8px;font-size:13px}.more{border-top:1px solid var(--line)}.more summary{padding:10px 14px;cursor:pointer;color:var(--muted);font-size:13px}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:0 14px 14px}.lookup{position:relative}.lookup-menu{position:fixed;z-index:9999;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 30px #00000059}.lookup-item{display:flex;gap:9px;padding:7px 10px;cursor:pointer;font-size:13px;align-items:baseline}.lookup-item.active{background:var(--panel-2)}.lookup-code{font-family:ui-monospace,Consolas,monospace;font-weight:600;white-space:nowrap}.lookup-label{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.lookup-sub{color:var(--muted);font-family:ui-monospace,Consolas,monospace;font-size:12px}.lookup-empty{padding:9px 10px;color:var(--muted);font-size:13px}.grid-scroll{overflow-x:auto}.grid{width:100%;border-collapse:collapse;font-size:13px}.grid th{text-align:left;padding:8px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-weight:600;border-bottom:1px solid var(--line);white-space:nowrap}.grid td{padding:4px 6px;border-bottom:1px solid var(--line);vertical-align:middle}.grid th.num,.grid td.num{text-align:right}.grid tr.clickable{cursor:pointer}.grid tr.clickable:hover{background:var(--panel-2)}.grid .empty{text-align:center;color:var(--muted);padding:24px}.mono{font-family:ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;font-size:13px;white-space:nowrap}.muted{color:var(--muted)}.strong{font-weight:600}.btn{padding:7px 13px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;cursor:pointer;font:inherit}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.small{padding:4px 10px;font-size:12px}.btn-icon{width:24px;height:24px;border:none;background:none;color:var(--muted);cursor:pointer;border-radius:4px;font-size:17px;line-height:1}.btn-icon:hover{background:var(--panel-2);color:var(--err)}.totals-card{display:flex;align-items:center;gap:20px;padding:14px;flex-wrap:wrap}.totals{display:flex;gap:26px;flex-wrap:wrap;align-items:flex-end}.totals div{display:flex;flex-direction:column;gap:2px;align-items:flex-end}.totals span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.totals strong{font-family:ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;font-size:17px;font-weight:600;line-height:1.2}.totals .grand{padding-left:26px;border-left:1px solid var(--line)}.totals .grand strong{color:var(--accent);font-weight:700}.actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.banner{padding:11px 14px;border-radius:var(--radius);border:1px solid;font-size:13px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.banner.ok{background:color-mix(in srgb,var(--ok) 12%,transparent);border-color:var(--ok)}.banner.err{background:color-mix(in srgb,var(--err) 12%,transparent);border-color:var(--err)}.banner.warn{background:color-mix(in srgb,var(--warn) 12%,transparent);border-color:var(--warn)}.banner .btn{margin-left:auto}.hint{color:var(--muted);font-size:12px;margin:0;padding:0 14px 12px}.chip{display:inline-block;background:var(--panel-2);border:1px solid var(--line);border-radius:20px;padding:1px 9px;margin:0 4px;font-size:11px}.pill{padding:2px 9px;border-radius:20px;font-size:11px;background:var(--panel-2);border:1px solid var(--line)}.pill.s-open,.pill.s-inprogress{border-color:var(--ok);color:var(--ok)}.pill.s-closed,.pill.s-lost{border-color:var(--muted);color:var(--muted)}.pill.s-quote,.pill.s-planned{border-color:var(--accent);color:var(--accent)}.pill.s-onhold{border-color:var(--warn);color:var(--warn)}.meta{display:flex;gap:20px;flex-wrap:wrap;padding:11px 14px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.meta b{color:var(--text);font-weight:600;margin-right:5px}.xml{margin:0;padding:14px;overflow-x:auto;font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--muted);white-space:pre;max-height:420px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.tile{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:15px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;font:inherit;color:inherit}.tile:hover{border-color:var(--accent)}.tile-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.tile-value{font-size:28px;font-weight:600;line-height:1.1;font-family:ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}.tile-sub{font-size:13px;color:var(--muted);font-family:ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}.tile.bad .tile-value{color:var(--err)}.tile.warn .tile-value{color:var(--warn)}.cols-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.bars{padding:6px 14px 14px}.bar-row{display:grid;grid-template-columns:92px 1fr 40px 96px;gap:10px;align-items:center;width:100%;padding:6px 0;background:none;border:none;cursor:pointer;font:inherit;color:inherit;text-align:left}.bar-row:hover .bar-label{color:var(--accent)}.bar-label{font-size:12px;color:var(--muted)}.bar-track{height:8px;background:var(--panel-2);border-radius:20px;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--accent);border-radius:20px;min-width:3px}.bar-fill.s-closed,.bar-fill.s-lost{background:var(--muted)}.bar-fill.s-open,.bar-fill.s-inprogress{background:var(--ok)}.bar-fill.s-onhold{background:var(--warn)}.bar-count{font-size:12px;text-align:right}.bar-val{font-size:12px;text-align:right;color:var(--muted)}.list{padding:4px 0 8px}.list-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%;padding:9px 14px;border-bottom:1px solid var(--line);background:none;border-left:none;border-right:none;border-top:none;font:inherit;color:inherit;text-align:left}.list-row:last-child{border-bottom:none}.list-row.clickable{cursor:pointer}.list-row.clickable:hover{background:var(--panel-2)}.list-main{font-size:13px}.list-sub{font-size:12px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-date{flex:none;width:92px;font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.list-date.muted:before{content:"●";visibility:hidden;margin-right:.4em;font-size:.74em}.list-val{flex:none;width:104px;font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.chips-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--line)}.filter-chip{padding:5px 12px;border-radius:20px;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.filter-chip:hover{color:var(--text)}.filter-chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.count-note{margin-left:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.sub-line{display:block;font-size:12px;margin-top:1px}.overdue{color:var(--err);font-weight:600}.due-overdue,.due-today,.due-tomorrow{font-weight:600}.due-overdue{color:var(--err)}.due-today{color:#c4700a}.due-tomorrow{color:#9a7d00}.due-overdue:before,.due-today:before,.due-tomorrow:before{content:"●";margin-right:.4em;font-size:.74em;vertical-align:.1em}@media (prefers-color-scheme: dark){.due-today{color:#f0a44a}.due-tomorrow{color:#ddc352}}.chips-row.toggles{gap:1.1rem;padding-top:0}.toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{accent-color:var(--accent);cursor:pointer}.toggle:hover{color:var(--text)}.line-no-input{width:100%;min-width:3.2rem}.grid tr.selected{background:var(--panel-2);box-shadow:inset 3px 0 0 var(--accent)}.banner-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.card-head.wrap{flex-wrap:wrap}.remove-text{display:none}.detail-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:2px 0}.detail-title{font-size:19px;font-weight:600}.detail-cust{color:var(--muted);font-size:13px}.detail-toggle{margin-left:auto;margin-bottom:0;white-space:nowrap}.hint-inline{font-size:12px;color:var(--muted)}.kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2px 20px;margin:0;padding:12px 14px}.kv.wide{grid-template-columns:1fr}.kv>div{display:grid;grid-template-columns:42% 1fr;gap:10px;padding:5px 0;border-bottom:1px solid var(--line);align-items:baseline}.kv dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.kv dd{margin:0;font-size:13px;word-break:break-word}.kv.wide dd{white-space:pre-wrap}.line-detail{border-top:1px solid var(--line);background:var(--panel-2)}.line-detail h3{padding:11px 14px 0;margin:0}.line-detail .kv>div{border-bottom-color:color-mix(in srgb,var(--line) 60%,transparent)}.chev{text-align:right;font-size:17px}.brand{display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer;font:inherit;color:inherit;padding:0;text-align:left}.brand-text{display:flex;flex-direction:column}.brand-name{font-size:17px;font-weight:600}.menu-toggle{display:none;margin-left:auto;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 11px;font-size:16px;cursor:pointer;line-height:1}@media (max-width: 860px){main{padding:12px}.disclaimer{padding:8px 12px;font-size:12px;text-align:left}.topbar{padding:10px 12px;gap:12px}.menu-toggle{display:block}.tabs{display:none;order:3;width:100%;margin-left:0;flex-direction:column;gap:2px}.tabs.open{display:flex}.tabs button{width:100%;text-align:left;padding:11px 13px}.status{order:4;width:100%}.status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fields{grid-template-columns:1fr 1fr;gap:10px;padding:12px}.field.wide{grid-column:span 2}.cols{grid-template-columns:1fr}.input.search{max-width:none;flex:1 1 100%}.grid-scroll{overflow-x:visible}.grid.stacked thead{display:none}.grid.stacked,.grid.stacked tbody,.grid.stacked tr,.grid.stacked td{display:block;width:100%}.grid.stacked tr{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);margin:0 0 10px;padding:8px 12px}.grid.stacked tr.selected{box-shadow:inset 0 0 0 1px var(--accent)}.grid.stacked td{border:none;padding:5px 0;text-align:left!important;display:grid;grid-template-columns:40% 1fr;gap:10px;align-items:center}.grid.stacked td:before{content:attr(data-label);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.grid.stacked td:not([data-label]){display:block}.grid.stacked td.empty{text-align:center!important;padding:20px 0}.grid.stacked .num{justify-items:start}.grid.stacked .row-remove{padding-top:8px}.grid.stacked .btn-icon{width:100%;height:auto;padding:8px;border:1px solid var(--line);border-radius:6px;font-size:13px;color:var(--err)}.grid.stacked .remove-text{display:inline}.grid.stacked .btn-icon .x{display:none}.totals{gap:14px;width:100%}.totals div{align-items:flex-start;flex:1 1 40%}.totals .grand{padding-left:0;border-left:none;border-top:1px solid var(--line);padding-top:10px;flex-basis:100%}.actions{margin-left:0;width:100%}.actions .btn{flex:1}.kv{grid-template-columns:1fr;padding:10px 12px}.kv>div{grid-template-columns:45% 1fr}.detail-toggle{margin-left:0;width:100%}.detail-title{font-size:17px}.grid.stacked .chev{display:none}.bar-row{grid-template-columns:76px 1fr 34px}.bar-val{display:none}.list-row{gap:8px}.list-date{display:none}.tile-value{font-size:24px}}@media (max-width: 480px){.fields{grid-template-columns:1fr}.field.wide{grid-column:span 1}.tiles{grid-template-columns:1fr 1fr}.card-head{flex-wrap:wrap}.grid.stacked td{grid-template-columns:45% 1fr}}