:root{--skyline: #0047ab;--horizon: #6690cc;--mystic: #122d60;--golden: #ffd700;--golden-deep: #c9a300;--ink: #122d60;--ink-soft: #1a3a78;--paper: #f4f7fc;--card: #ffffff;--line: #e1e8f4;--ledger-green: #1f6f54;--ledger-green-bg: #e9f3ee;--amber: #b8790e;--amber-bg: #fff6de;--rust: #c0392b;--rust-bg: #fbeae7;--slate: #5b6b8c;--slate-light: #93a3c4;--text: #142039;--font-display: "Manrope", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--paper);color:var(--text)}.shell{display:flex;height:100vh;overflow:hidden}.rail{width:80px;height:100vh;background:linear-gradient(180deg,var(--mystic) 0%,var(--ink-soft) 100%);display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:2px;flex-shrink:0;overflow-y:auto;transition:width .16s ease}.rail-mark{width:42px;height:42px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;padding:6px;box-shadow:0 2px 8px #0000002e;font-family:var(--font-display);font-weight:800;color:var(--mystic);font-size:14px;flex-shrink:0}.rail-toggle{width:28px;height:28px;border-radius:7px;border:none;background:#ffffff14;color:#ffffffa6;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;margin:4px 0 6px;flex-shrink:0}.rail-toggle:hover{background:#ffffff29;color:#fff}.rail-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#ffffff8c;font-size:16px;cursor:pointer;text-decoration:none;flex-shrink:0;margin:0 auto}.rail-icon.active{background:#ffd70029;color:var(--golden)}.rail-divider{width:40px;height:1px;background:#ffffff26;margin:4px auto}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;width:100%;padding:2px 4px}.nav-label{font-family:var(--font-body);font-size:9.5px;font-weight:600;color:#ffffff80;text-align:center;line-height:1.2;width:100%;text-decoration:none}.nav-item.active .nav-label{color:var(--golden)}.rail.expanded{width:232px;align-items:stretch;padding:20px 10px}.rail.expanded .rail-mark{align-self:flex-start;margin-left:4px}.rail.expanded .rail-toggle{align-self:flex-end}.rail.expanded .rail-divider{width:calc(100% - 20px);margin:6px auto}.rail.expanded .nav-item{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding:9px 10px;border-radius:8px}.rail.expanded .nav-item:hover{background:#ffffff0f}.rail.expanded .rail-icon{width:30px;height:30px;font-size:15px;margin:0}.rail.expanded .nav-label{font-size:13px;text-align:left;width:auto;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-group{width:100%}.rail-section-head{width:100%;background:#6690cc24;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;margin-top:8px;border-radius:5px;font-family:var(--font-mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--horizon);font-weight:800}.rail-section-head:hover{background:#6690cc38}.rail-section-chevron{font-size:10px;color:#ffffff80}.mobile-nav-group{width:100%;margin-bottom:2px}.mobile-nav-section-head{width:100%;background:#6690cc29;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:11px 12px;margin:8px 0 4px;border-radius:6px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--horizon);font-weight:800}.mobile-menu-btn{display:none;width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:16px;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;margin-right:4px}.mobile-nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex}.mobile-nav-drawer{width:78%;max-width:300px;height:100%;overflow-y:auto;background:linear-gradient(180deg,var(--mystic) 0%,var(--ink-soft) 100%);display:flex;flex-direction:column;padding:16px 10px;box-shadow:4px 0 24px #00000040}.mobile-nav-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 16px}.mobile-nav-close{width:30px;height:30px;border-radius:7px;border:none;background:#ffffff1a;color:#fff;font-size:15px;cursor:pointer}.mobile-nav-item{display:flex;align-items:center;gap:14px;text-decoration:none;padding:12px 10px;border-radius:8px;color:#fff9;font-family:var(--font-body);font-size:14.5px;font-weight:600}.mobile-nav-item.active{background:#ffd70024;color:var(--golden)}.mobile-nav-icon{font-size:18px;width:26px;text-align:center;flex-shrink:0}.main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;height:100vh}.topbar{background:var(--card);border-bottom:1px solid var(--line);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;position:relative}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:linear-gradient(90deg,var(--golden) 0%,var(--skyline) 38%,var(--mystic) 100%)}.topbar-left{display:flex;align-items:center;gap:16px}.title-block{display:flex;flex-direction:column;gap:2px;padding-left:16px;border-left:1px solid var(--line)}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--horizon);font-weight:600}.screen-title{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.topbar-right{display:flex;align-items:center;gap:14px}.user-chip{font-size:13px;color:var(--slate);display:flex;align-items:center;gap:8px}.user-chip .role{font-family:var(--font-mono);font-size:10.5px;color:var(--skyline);background:#e9effa;padding:2px 8px;border-radius:12px;font-weight:600}.logout-btn{font-size:12.5px;color:var(--slate);background:none;border:1px solid var(--line);border-radius:7px;padding:6px 12px;cursor:pointer}.logout-btn:hover{border-color:var(--rust);color:var(--rust)}.content{padding:24px 32px 60px;overflow-y:auto;flex:1;scroll-behavior:smooth}@media (max-width: 640px){.content{padding:12px 12px 40px}}.split-layout{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start}@media (max-width: 900px){.split-layout{grid-template-columns:1fr}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px}.kpi{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--horizon);border-radius:10px;padding:14px 16px}.kpi.tone-green{border-left-color:var(--ledger-green)}.kpi.tone-amber{border-left-color:var(--amber)}.kpi.tone-rust{border-left-color:var(--rust)}.kpi-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--slate);margin-bottom:6px}.kpi-value{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #122d600a}.panel-head{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#fafcff,#fff)}.panel-head h3{font-family:var(--font-display);font-size:15.5px;font-weight:700;color:var(--ink);margin:0}table{width:100%;border-collapse:collapse}th{text-align:left;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--slate-light);padding:12px 16px;border-bottom:1px solid var(--line);font-weight:500;background:#fafcff;white-space:nowrap}td{padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px;color:var(--text);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f2f6fd}td.id{font-family:var(--font-mono);color:var(--skyline);font-weight:600}td.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.pill{display:inline-block;font-family:var(--font-mono);font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:20px;letter-spacing:.02em;white-space:nowrap}.pill.green{background:var(--ledger-green-bg);color:var(--ledger-green)}.pill.amber{background:var(--amber-bg);color:var(--amber)}.pill.rust{background:var(--rust-bg);color:var(--rust)}.pill.slate{background:#e9effa;color:var(--skyline)}.empty-state{padding:50px 20px;text-align:center;color:var(--slate-light);font-size:13px}button.btn-primary{font-family:var(--font-body);font-weight:600;font-size:13.5px;background:var(--skyline);border:1.5px solid var(--skyline);color:#fff;border-radius:8px;padding:11px 20px;cursor:pointer}button.btn-primary:hover{background:var(--mystic);border-color:var(--mystic)}button.btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--paper)}.login-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:36px 32px;width:360px;box-shadow:0 12px 32px #122d601a}.login-card h1{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--ink);margin:0 0 4px}.login-card p.sub{font-size:13px;color:var(--slate);margin:0 0 20px}.login-card input{width:100%;font-size:14px;padding:11px 13px;border:1.5px solid var(--line);border-radius:8px;margin-bottom:14px;font-family:var(--font-body)}.login-card input:focus{outline:none;border-color:var(--skyline)}.login-error{color:var(--rust);font-size:12.5px;margin:-6px 0 14px}.login-hint{margin-top:18px;font-size:11.5px;color:var(--slate-light);line-height:1.5}.row-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.act-btn{width:30px;height:30px;border-radius:7px;border:1px solid var(--line);background:#fff;color:var(--slate);cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center;transition:all .12s}.act-btn:hover{border-color:var(--skyline);color:var(--skyline);background:#f0f5fd}.act-btn.go:hover{border-color:var(--ledger-green);color:var(--ledger-green);background:var(--ledger-green-bg)}.act-btn.warn:hover{border-color:var(--rust);color:var(--rust);background:var(--rust-bg)}.act-btn:disabled{opacity:.4;cursor:not-allowed}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--mystic);color:#fff;font-size:13px;padding:11px 20px;border-radius:8px;border-bottom:2px solid var(--golden);opacity:0;transition:all .25s ease;pointer-events:none;font-family:var(--font-body);box-shadow:0 8px 24px #122d6040;z-index:200}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field:last-child{margin-bottom:0}.field label{font-size:12.5px;font-weight:600;color:var(--ink)}.field input,.field select,.field textarea{font-family:var(--font-body);font-size:13.5px;color:var(--text);border:1.5px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;width:100%}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--skyline)}.field textarea{min-height:72px;resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.help{font-size:11.5px;color:var(--slate-light);margin-top:2px}.tab-row{display:flex;gap:6px;margin-bottom:18px;border-bottom:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-row::-webkit-scrollbar{display:none}.tab-btn{font-family:var(--font-body);font-weight:600;font-size:13px;color:var(--slate);background:none;border:none;padding:10px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;flex-shrink:0;white-space:nowrap}.tab-btn.active{color:var(--skyline);border-bottom-color:var(--skyline)}.prf-form-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.prf-card-head{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--paper);border-bottom:1px solid var(--line);font-family:var(--font-display);font-weight:700;font-size:13.5px;color:var(--mystic)}.prf-card-icon{font-size:16px}.prf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}.prf-full{grid-column:1 / -1}.vendor-badge{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:20px;font-family:var(--font-mono);font-size:9.5px;font-weight:700;text-transform:uppercase;vertical-align:middle}.vendor-badge.known{background:var(--ledger-green-bg);color:var(--ledger-green)}.vendor-badge.unknown{background:var(--amber-bg);color:var(--amber)}.vendor-confirm{background:var(--amber-bg);border:1px solid var(--amber);border-radius:8px;padding:14px 16px;font-size:13px;color:var(--ink)}.btn-ghost{background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important}.btn-submit{background:linear-gradient(135deg,var(--skyline),var(--mystic))!important;flex:1}.prf-actions{display:flex;gap:12px;align-items:center;padding:4px 0 8px}@media (max-width: 640px){.shell{flex-direction:column}.rail,.rail.expanded{display:none}.mobile-menu-btn{display:flex}.main{flex:1}.topbar{padding:10px 14px;flex-wrap:wrap;gap:10px;align-items:flex-start}.topbar-left{width:100%}.title-block{padding-left:10px}.eyebrow{font-size:9px}.screen-title{font-size:17px}.topbar-right{gap:8px;flex-wrap:wrap;width:100%;justify-content:flex-start}.user-chip{font-size:11.5px}.logout-btn{font-size:11px;padding:5px 10px}.tab-btn{padding:9px 11px;font-size:12px}.page{padding:12px}.prf-form-grid{grid-template-columns:1fr}.prf-full{grid-column:1}.prf-actions{flex-direction:column}.prf-actions button{width:100%}.grid2{grid-template-columns:1fr}.panel-head{flex-wrap:wrap;gap:8px}table{font-size:12px}table th,table td{padding:8px 10px}.kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.kpi{padding:12px 14px}.kpi-value{font-size:18px}}.print-sheet{font-family:Times New Roman,Times,serif;color:#000;background:#fff;width:148mm;max-width:100%;margin:24px auto;padding:10mm 12mm;font-size:11px;line-height:1.3;box-shadow:0 4px 20px #122d601f;box-sizing:border-box}.pf-table{width:100%;border-collapse:collapse;margin-bottom:0}.pf-table td{border:1px solid #000;padding:2px 5px;vertical-align:middle;font-size:10.5px}.pf-logocell{border:none!important;padding:2px 5px}.pf-logo-main{height:36px;width:auto}.pf-logo-sea{height:44px;width:auto}.pf-title{text-align:center;font-weight:700;font-size:13px;letter-spacing:.02em;padding:6px 0 8px}.pf-label{font-weight:400;font-size:10px}.pf-bold{font-weight:700}.pf-center,.pf-checkbox-cell{text-align:center}.pf-check{display:inline-block;width:11px;height:11px;border:1px solid #000;position:relative;vertical-align:middle}.pf-check.on:after{content:"X";position:absolute;left:50%;top:50%;transform:translate(-50%,-58%);font-size:10px;font-weight:700;font-family:Arial,sans-serif}.pf-acct-head{font-weight:700;padding:5px 0 3px;font-size:10.5px}@media print{body *{visibility:hidden}.print-sheet,.print-sheet *{visibility:visible}.print-sheet{position:absolute;top:0;left:0;width:148mm;margin:0;box-shadow:none;padding:8mm 10mm;font-size:10px}.no-print{display:none!important}@page{size:A5 portrait;margin:0}}}{}