:root{--nav-bg:#002050;--nav-fg:#fff;--accent:#0f6cbd;--accent-soft:#ebf3fc;--cyan:#26b8e6;--page-bg:#f3f2f1;--surface:#fff;--border:#e1dfdd;--border-strong:#c8c6c4;--text:#201f1e;--text-muted:#605e5c;--ok:#107c10;--warn:#c19c00;--bad:#c50f1f;--row-hover:#f5f9fd;--row-sel:#deecf9;--radius:4px;--font:"Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--page-bg);color:var(--text);font-family:var(--font);margin:0;font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{flex-direction:column;min-height:100%;display:flex}.topbar{background:var(--nav-bg);height:48px;color:var(--nav-fg);z-index:20;align-items:center;gap:12px;padding:0 12px 0 8px;display:flex;position:sticky;top:0}.topbar .brand{color:#fff;white-space:nowrap;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.topbar .brand small{opacity:.75;font-size:13px;font-weight:400}.topbar .spacer{flex:1}.topbar button{color:#fff!important}.topbar .user-btn{align-items:center;gap:8px;display:flex}.logo-mark{width:28px;height:28px;color:var(--nav-bg);background:#50e6ff;border-radius:6px;place-items:center;font-weight:800;display:grid}.navbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:15;align-items:stretch;gap:2px;padding:0 12px;display:flex;position:sticky;top:48px;overflow-x:auto}.navbar .nav-item{appearance:none;font:inherit;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:4px;padding:10px 12px 7px;display:flex}.navbar .nav-item:hover{background:var(--row-hover)}.navbar .nav-item.active{border-bottom-color:var(--accent);font-weight:600}.mobile-only{display:none!important}.content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:16px 20px 40px}.page-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.page-head h1{margin:0;font-size:22px;font-weight:600}.page-head .sub{color:var(--text-muted)}.actionbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:2px;margin:4px 0 12px;padding:4px 0;display:flex}.actionbar .sep{background:var(--border-strong);width:1px;height:20px;margin:0 6px}.page-body{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.page-body.with-factbox{grid-template-columns:minmax(0,1fr) 300px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.fasttab{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px}.fasttab>.ft-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 14px;font-size:15px;font-weight:600;display:flex}.fasttab>.ft-head .ft-summary{color:var(--text-muted);text-align:right;margin-left:auto;font-size:13px;font-weight:400}.fasttab>.ft-body{padding:4px 14px 14px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 32px;display:grid}.field-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid .span-2{grid-column:span 2}.field-grid .span-all{grid-column:1/-1}.readonly-field{flex-direction:column;gap:2px;display:flex}.readonly-field .label{color:var(--text-muted);font-size:12px}.readonly-field .value{border-bottom:1px dotted var(--border-strong);white-space:pre-wrap;min-height:20px;padding-bottom:2px}.factbox{flex-direction:column;gap:12px;display:flex}.factbox .panel{padding:12px 14px}.factbox h3{margin:0 0 8px;font-size:14px}.fact-row{justify-content:space-between;gap:8px;padding:3px 0;font-size:13px;display:flex}.fact-row span:first-child{color:var(--text-muted)}.fact-row strong{font-variant-numeric:tabular-nums}.cue-group{margin-bottom:20px}.cue-group h2{margin:0 0 8px;font-size:15px;font-weight:600}.cues{flex-wrap:wrap;gap:10px;display:flex}.cue{background:var(--accent);color:#fff;cursor:pointer;text-align:left;width:168px;height:92px;font:inherit;border:0;border-radius:2px;flex-direction:column;justify-content:space-between;padding:10px 12px;display:flex}.cue:hover{filter:brightness(1.08)}.cue .cue-label{font-size:12px;line-height:1.25}.cue .cue-value{font-variant-numeric:tabular-nums;font-size:24px;font-weight:300}.cue.teal{background:#038387}.cue.navy{background:#1f3864}.cue.green{background:#107c10}.cue.amber{background:#ca5010}.cue.red{background:#a4262c}.cue.purple{background:#5c2e91}.cue.gray{background:#605e5c}.grid-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.grid-toolbar .count{color:var(--text-muted);margin-left:auto;font-size:12px}.grid-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:auto}table.grid{border-collapse:collapse;width:100%;font-size:13px}table.grid th{text-align:left;border-bottom:1px solid var(--border-strong);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1;background:#faf9f8;padding:8px 10px;font-weight:600;position:sticky;top:0}table.grid th.nosort{cursor:default}table.grid td{vertical-align:top;border-bottom:1px solid #f0efee;padding:7px 10px}table.grid tr.clickable{cursor:pointer}table.grid tbody tr:hover{background:var(--row-hover)}table.grid tr.selected{background:var(--row-sel)!important}table.grid tfoot td{border-top:1px solid var(--border-strong);background:#faf9f8;border-bottom:0;font-weight:600}table.grid .num,table.grid th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.grid tr.group-row td{background:#f3f2f1;font-weight:600}table.grid tr.muted td{color:var(--text-muted)}table.grid td.wrap{white-space:normal;min-width:220px}.grid-empty{text-align:center;color:var(--text-muted);padding:28px}table.grid input,table.grid select{width:100%}table.lines td{vertical-align:middle;padding:4px 6px}table.lines input,table.lines select{border:1px solid var(--border);font:inherit;background:#fff;border-radius:3px;min-width:0;padding:5px 6px}table.lines input:focus,table.lines select:focus{outline:2px solid var(--accent);outline-offset:-1px}table.lines input.num{text-align:right}.badge{color:#323130;white-space:nowrap;background:#edebe9;border-radius:10px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.open,.badge.active{color:#004e8c;background:#deecf9}.badge.partial,.badge.on_hold,.badge.pending{color:#8a6d00;background:#fff4ce}.badge.closed,.badge.posted,.badge.completed,.badge.invoiced{color:#0b6a0b;background:#dff6dd}.badge.cancelled,.badge.voided{color:#a4262c;background:#fde7e9}.badge.draft,.badge.planned{color:#484644;background:#edebe9}.badge.overdue{color:#a4262c;background:#fde7e9}.text-muted{color:var(--text-muted)}.text-bad{color:var(--bad)}.text-ok{color:var(--ok)}.right{text-align:right}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.filters{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.filters>*{min-width:150px}.login-wrap{background:linear-gradient(135deg,#002050 0%,#0f6cbd 100%);place-items:center;min-height:100%;padding:16px;display:grid}.login-card{background:#fff;border-radius:8px;width:100%;max-width:380px;padding:32px 28px;box-shadow:0 16px 40px #00000040}.login-card h1{margin:12px 0 4px;font-size:22px}.report{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.report-title{text-align:center;margin-bottom:12px}.report-title h2{margin:0;font-size:18px}.report-title div{color:var(--text-muted);font-size:13px}.report-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.report-link{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:14px 16px;display:block}.report-link:hover{border-color:var(--accent);background:var(--row-hover);text-decoration:none}.report-link strong{color:var(--accent);margin-bottom:4px;display:block}.report-link span{color:var(--text-muted);font-size:13px}.report-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:20px 0 8px;font-size:15px;font-weight:600}.bar-track{background:#edebe9;border-radius:3px;min-width:60px;height:6px;overflow:hidden}.bar-fill{background:var(--accent);height:100%}.bar-fill.over{background:var(--bad)}@media (width<=1100px){.page-body.with-factbox{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.content{padding:12px 16px 32px}.field-grid,.field-grid.cols-3{grid-template-columns:minmax(0,1fr)}.field-grid .span-2{grid-column:auto}.navbar{display:none}.mobile-only{display:inline-flex!important}.topbar .brand small,.topbar .user-name{display:none}.cue{width:calc(50% - 5px)}}@media print{.topbar,.navbar,.actionbar,.filters,.grid-toolbar,.no-print{display:none!important}body{background:#fff}.content{max-width:none;padding:0}.grid-wrap,.report,.panel{border:0;overflow:visible}table.grid th{position:static}}