@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--qxo-blue:#1256ff;--ink:#121417;--ink-900:#0f172a;--ink-600:#475569;--muted:#667085;--line:#e5e7eb;--line-soft:#e2e8f0;--bg:#f6f7fb;--card:#fff;--red:#dc2626;--amber:#d97706;--green:#16a34a;--red-bg:#fef2f2;--amber-bg:#fffbeb;--green-bg:#f0fdf4}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);min-height:100vh;font:14px/1.4 Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.login-screen{z-index:999;background:linear-gradient(135deg,#0b0f17,#0f172a);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-box{background:var(--card);border:1px solid var(--line);border-radius:16px;width:580px;max-width:95vw;padding:40px;box-shadow:0 24px 60px #00000059}.login-logo-row{align-items:center;gap:10px;margin-bottom:20px;display:flex}.persona-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.persona-card{background:var(--card);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:border-color .15s,box-shadow .15s,transform .12s;display:flex}.persona-card:hover{border-color:var(--qxo-blue);background:#1256ff0a;transform:translateY(-1px);box-shadow:0 4px 12px #1256ff1a}.persona-av{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:800;display:flex}.persona-name{color:var(--ink);font-size:13px;font-weight:700}.persona-role{color:var(--qxo-blue);margin-top:2px;font-size:11px;font-weight:600}.persona-scope{color:var(--muted);margin-top:2px;font-size:11px}.login-note{color:var(--muted);text-align:center;border-top:1px solid var(--line);margin-top:4px;padding-top:16px;font-size:11px}.app-header{background:var(--card);border-bottom:1px solid var(--line);z-index:50;align-items:center;gap:12px;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.qxo-logo-mark{flex-shrink:0}.hdr-title{flex-direction:column;display:flex}.hdr-main{color:var(--ink);font-size:14px;font-weight:700}.hdr-sub{color:var(--muted);font-size:12px}.hdr-right{align-items:center;gap:8px;margin-left:auto;display:flex}.user-chip{background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:4px 12px 4px 6px;transition:background .15s;display:flex}.user-chip:hover{background:var(--line-soft)}.uc-av{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:800;display:flex}.uc-name{color:var(--ink);font-size:12px;font-weight:600}.uc-role{color:var(--muted);font-size:10px}.main-wrap{max-width:1340px;margin:0 auto;padding:20px 20px 60px}.kpi-strip{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.kpi-card{background:var(--card);border:1px solid var(--line);border-radius:12px;flex:1;min-width:130px;padding:14px 18px}.kpi-card .kl{color:var(--muted);font-size:12px;font-weight:500}.kpi-card .kv{margin-top:6px;font-size:22px;font-weight:800;line-height:1}.kv-red{color:var(--red)}.kv-amber{color:var(--amber)}.kv-blue{color:var(--qxo-blue)}.kv-green{color:var(--green)}.landing-welcome{margin-bottom:20px}.landing-welcome h2{color:var(--ink);font-size:20px;font-weight:800}.landing-welcome p{color:var(--muted);margin-top:4px;font-size:12px}.landing-kpis{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.lkpi{background:var(--card);border:1px solid var(--line);border-radius:12px;flex:1;min-width:130px;padding:14px 18px}.lkpi .lkl{color:var(--muted);font-size:12px;font-weight:500}.lkpi .lkv{margin-top:6px;font-size:24px;font-weight:800;line-height:1}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.section-label:after{content:"";background:var(--line);flex:1;height:1px}.branch-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.branch-card{background:var(--card);border:1px solid var(--line);cursor:pointer;border-left:3px solid var(--line);border-radius:12px;padding:16px 18px;transition:border-color .15s,box-shadow .15s,transform .12s}.branch-card:hover{border-color:var(--qxo-blue);transform:translateY(-1px);box-shadow:0 4px 16px #1256ff1a}.branch-card.bc-red{border-left-color:var(--red)}.branch-card.bc-amber{border-left-color:var(--amber)}.branch-card.bc-green{border-left-color:var(--green)}.bc-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.bc-title{color:var(--ink);font-size:13px;font-weight:700}.bc-region{color:var(--muted);margin-top:2px;font-size:11px}.bc-num{color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:2px 7px;font-size:11px}.bc-exposure{color:var(--ink);margin-bottom:10px;font-size:22px;font-weight:800}.bc-stats{flex-wrap:wrap;gap:16px;display:flex}.bc-stat .sv{font-size:13px;font-weight:700}.bc-stat .sl{color:var(--muted);margin-top:1px;font-size:11px}.bc-hold-badge{background:var(--red-bg);color:var(--red);border:1px solid #fecaca;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:700}.risk-hd{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;padding:8px 0 4px;font-size:11px;font-weight:600;display:flex}.risk-hd:after{content:"";background:var(--line);flex:1;height:1px}.cust-search-wrap{margin-bottom:16px;position:relative}.cust-search-input{border:1px solid var(--line);width:100%;height:36px;font:inherit;background:var(--card);color:var(--ink);border-radius:8px;outline:none;padding:0 36px 0 32px;font-size:13px}.cust-search-input:focus{border-color:var(--qxo-blue)}.cust-search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.cust-search-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.no-results{text-align:center;color:var(--muted);padding:32px 0;font-size:13px}.cust-card{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.cust-card:hover{border-color:var(--qxo-blue);box-shadow:0 2px 8px #1256ff14}.cust-card.tier-hold{border-left:3px solid var(--red)}.cust-card.tier-high{border-left:3px solid var(--amber)}.cust-card.tier-med{border-left:3px solid #f59e0b}.cust-card.tier-ok{border-left:3px solid var(--green)}.cc-av{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:flex}.cc-info{flex:1;min-width:0}.cc-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.cc-meta{color:var(--muted);margin-top:2px;font-size:11px}.hold-tag{background:var(--red-bg);color:var(--red);border-radius:6px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700}.cc-right{text-align:right;flex-shrink:0}.cc-bal{color:var(--ink);font-size:13px;font-weight:700}.cc-sub{margin-top:2px;font-size:11px}.due-red{color:var(--red);font-weight:600}.due-amber{color:var(--amber);font-weight:600}.due-ok{color:var(--muted)}.drill-hdr{align-items:center;gap:12px;margin-bottom:18px;display:flex}.drill-av{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:800;display:flex}.drill-name{color:var(--ink);font-size:17px;font-weight:800}.drill-meta{color:var(--muted);margin-top:2px;font-size:12px}.hold-banner{background:var(--red-bg);border:1px solid #fecaca;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.hold-banner h3{color:#991b1b;font-size:13px;font-weight:700}.hold-banner p{color:#b91c1c;margin-top:2px;font-size:11px}.kpi-row{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:16px;display:grid}.kpi-box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.kpi-box .kl{color:var(--muted);font-size:12px;font-weight:500}.kpi-box .kv{margin-top:4px;font-size:20px;font-weight:800;line-height:1}.kpi-box .ks{color:var(--muted);margin-top:3px;font-size:11px}.util-wrap{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:12px 16px}.util-lbl{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.util-track{background:var(--bg);border-radius:99px;height:6px;overflow:hidden}.util-fill{border-radius:99px;height:100%}.aging-row{background:var(--card);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(5,1fr);margin-bottom:16px;display:grid;overflow:hidden}.ag{text-align:center;border-right:1px solid var(--line);padding:12px 8px}.ag:last-child{border-right:none}.ag .al{color:var(--muted);font-size:11px;font-weight:500}.ag .av{margin-top:4px;font-size:15px;font-weight:700}.ag-0{color:var(--muted)}.ag-ok{color:var(--green)}.ag-warn{color:var(--amber)}.ag-bad{color:var(--red)}.info-tbl{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;overflow:hidden}.info-r{border-bottom:1px solid var(--line);justify-content:space-between;padding:9px 14px;font-size:13px;display:flex}.info-r:last-child{border-bottom:none}.ik{color:var(--muted)}.iv{color:var(--ink);font-weight:600}.back-btn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0 0 16px;font-size:12px;display:flex}.back-btn:hover{color:var(--qxo-blue)}