:root{
  --bg:#f4f3ef;--surface:#fff;--surface2:#faf9f5;--ink:#171717;--muted:#737373;
  --line:#e8e5dc;--yellow:#f6c515;--yellow2:#ffe36a;--black:#111;--green:#16835b;
  --red:#c93636;--orange:#c97811;--blue:#356fd3;--shadow:0 18px 55px rgba(17,17,17,.08);
  --radius:22px;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 20% 0%,rgba(246,197,21,.13),transparent 28%),var(--bg);color:var(--ink);min-height:100vh}a{color:inherit}.page{max-width:1480px;margin:0 auto;padding:28px 28px 70px}.topbar{height:78px;display:flex;align-items:center;gap:26px;padding:0 28px;background:rgba(17,17,17,.96);color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 9px 28px rgba(0,0,0,.12);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;min-width:245px}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--yellow);color:#111;display:grid;place-items:center;font-weight:1000;font-size:20px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.08)}.brand b{display:block;font-size:15px;letter-spacing:.2px}.brand small,.user-pill small{display:block;color:#aaa;font-size:10px;margin-top:2px;letter-spacing:.7px;text-transform:uppercase}.topnav{display:flex;gap:6px;align-items:center;flex:1}.topnav a{text-decoration:none;color:#cfcfcf;font-size:13px;font-weight:700;padding:10px 13px;border-radius:11px;transition:.18s}.topnav a:hover{background:#222;color:#fff;transform:translateY(-1px)}.topnav a.active{background:var(--yellow);color:#111}.user-pill{display:flex;align-items:center;gap:9px;background:#1c1c1c;border:1px solid #2d2d2d;border-radius:15px;padding:7px 8px 7px 9px;min-width:190px}.avatar{width:32px;height:32px;border-radius:10px;background:#2d2d2d;color:var(--yellow);display:grid;place-items:center;font-weight:900}.user-pill b{font-size:12px}.logout{margin-left:auto;color:#aaa;text-decoration:none;font-size:18px;padding:4px 7px;border-radius:8px}.logout:hover{background:#2c2c2c;color:#fff}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:10px 0 24px}.page-title h1{font-size:31px;margin:0;letter-spacing:-1px}.page-title p{margin:7px 0 0;color:var(--muted);font-size:13px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.panel,.card,.box{background:var(--surface);border:1px solid rgba(22,22,22,.06);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:20px;margin-bottom:20px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.panel-title h2{margin:0;font-size:17px;letter-spacing:-.3px}.panel-title p{margin:4px 0 0;color:var(--muted);font-size:12px}.filter-grid{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));gap:12px;align-items:end}.field label{display:block;font-size:11px;font-weight:800;color:#676767;margin:0 0 7px;text-transform:uppercase;letter-spacing:.45px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fbfbf9;color:#181818;border-radius:13px;padding:12px 13px;font-size:14px;outline:none;transition:.18s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#d0a600;box-shadow:0 0 0 4px rgba(246,197,21,.16);background:#fff}.field textarea{min-height:120px;resize:vertical;line-height:1.5}.btn{appearance:none;border:0;border-radius:13px;padding:12px 16px;font-weight:850;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:.18s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--yellow);color:#111;box-shadow:0 8px 20px rgba(246,197,21,.24)}.btn-dark{background:#111;color:#fff}.btn-light{background:#fff;border:1px solid var(--line);color:#222}.btn-danger{background:#fff1f1;color:#9f2727;border:1px solid #ffd6d6}.btn-sm{padding:9px 12px;font-size:12px}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:20px 0}.kpi{background:linear-gradient(180deg,#fff,#fbfaf7);border:1px solid var(--line);border-radius:19px;padding:17px 18px;min-width:0;box-shadow:0 10px 28px rgba(17,17,17,.045)}.kpi.dark{background:#151515;color:#fff;border-color:#151515}.kpi.yellow{background:linear-gradient(135deg,var(--yellow),#ffe779);border-color:#e8ba0c}.kpi-label{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.6px;color:#777}.dark .kpi-label{color:#aaa}.yellow .kpi-label{color:#645100}.kpi-value{font-family:var(--mono);font-size:25px;font-weight:900;letter-spacing:-1.1px;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-sub{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.35}.dark .kpi-sub{color:#999}.yellow .kpi-sub{color:#675600}.margin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.margin-hero{border-radius:24px;padding:21px 22px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.margin-hero:before{content:"";position:absolute;right:-35px;top:-45px;width:140px;height:140px;border-radius:50%;background:rgba(0,0,0,.035)}.margin-top{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;color:#777}.margin-number{font-family:var(--mono);font-size:43px;line-height:1;font-weight:1000;letter-spacing:-2.5px;margin-top:9px}.health-badge{font-size:11px;font-weight:900;border-radius:999px;padding:8px 10px;background:#eee}.margin-message{font-size:13px;line-height:1.45;color:#565656;margin:15px 0}.margin-foot{display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(0,0,0,.08);padding-top:13px;font-size:11px;color:#777}.health-low{background:linear-gradient(135deg,#fff7f7,#fff);border-color:#ffdede}.health-low .health-badge{background:#ffe4e4;color:#a72727}.health-medium{background:linear-gradient(135deg,#fff9ed,#fff);border-color:#f7dfb6}.health-medium .health-badge{background:#ffedc9;color:#98600d}.health-good{background:linear-gradient(135deg,#f1fff8,#fff);border-color:#cdebdc}.health-good .health-badge{background:#dff7ea;color:#166c49}.health-super,.health-excellent{background:linear-gradient(135deg,#131313,#242424);color:#fff;border-color:#1a1a1a}.health-super .eyebrow,.health-excellent .eyebrow,.health-super .margin-message,.health-excellent .margin-message,.health-super .margin-foot,.health-excellent .margin-foot{color:#aaa}.health-super .health-badge,.health-excellent .health-badge{background:var(--yellow);color:#111}.muted-hero{opacity:.96}.status-strip{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:13px 15px;border-radius:15px;background:#fff;border:1px solid var(--line);font-size:12px}.dot{width:9px;height:9px;border-radius:50%;background:#aaa}.dot.green{background:#29a66f;box-shadow:0 0 0 5px rgba(41,166,111,.11)}.dot.yellow{background:#dcae00;box-shadow:0 0 0 5px rgba(246,197,21,.14)}.dot.red{background:#d84b4b;box-shadow:0 0 0 5px rgba(216,75,75,.11)}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:850;background:#f1f1ee;color:#555}.badge.success{background:#e7f7ef;color:#176c4a}.badge.warning{background:#fff3d1;color:#8d6500}.badge.danger{background:#ffe8e8;color:#a12f2f}.badge.dark{background:#1b1b1b;color:#fff}.badge.yellow{background:var(--yellow);color:#111}.split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);gap:20px}.note-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px}.note-history{background:#f7f6f2;border:1px solid var(--line);border-radius:17px;padding:9px;max-height:500px;overflow:auto}.history-item{display:block;text-decoration:none;border-radius:12px;padding:11px 12px;margin-bottom:5px;border:1px solid transparent}.history-item:hover,.history-item.active{background:#fff;border-color:#e4dfd0}.history-item b{display:flex;justify-content:space-between;font-size:12px}.history-item small{display:block;color:#888;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-entry{border:1px solid var(--line);border-radius:16px;padding:14px 15px;margin-bottom:10px;background:#fff}.note-entry-head{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:8px;color:#777;font-size:11px}.note-entry p{margin:0;white-space:pre-wrap;line-height:1.5;font-size:13px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.chip{font-size:10px;font-weight:750;background:#f3f2ed;border-radius:999px;padding:5px 8px;color:#676767}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:17px}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:960px;background:#fff}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#777;background:#f7f6f1;text-align:left;padding:12px;border-bottom:1px solid var(--line);position:sticky;top:0}.table td{padding:13px 12px;border-bottom:1px solid #f0eee7;font-size:12px;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:#fffdf5}.mono{font-family:var(--mono);font-weight:800}.muted{color:var(--muted)}.small{font-size:11px}.office-list{display:flex;gap:5px;flex-wrap:wrap}.office-tag{font-family:var(--mono);font-size:10px;font-weight:900;background:#191919;color:#fff;border-radius:7px;padding:5px 7px}.checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.check-card{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:13px;padding:10px 11px;background:#fbfaf7}.check-card:hover{border-color:#d7b01d}.check-card.disabled{opacity:.52}.check-card input{margin-top:2px}.check-card b{display:block;font-size:12px}.check-card small{display:block;color:#888;margin-top:3px;line-height:1.25}.flash{border-radius:14px;padding:12px 14px;margin-bottom:14px;font-size:13px;font-weight:700}.flash.success{background:#e6f7ef;color:#176c4a;border:1px solid #c9eddc}.flash.error{background:#ffecec;color:#9c3030;border:1px solid #ffd4d4}.flash.info{background:#fff7d7;color:#745c00;border:1px solid #f6e59a}.empty-state{text-align:center;padding:42px 20px;background:#fff;border:1px dashed #d9d6cc;border-radius:20px}.empty-icon{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:var(--yellow);font-weight:1000;margin:0 auto 12px}.empty-state h3{margin:0 0 7px}.empty-state p{margin:0 auto 7px;max-width:650px;color:#777;font-size:13px}.coverage{height:9px;border-radius:999px;background:#e9e7df;overflow:hidden}.coverage > span{display:block;height:100%;background:linear-gradient(90deg,#191919,var(--yellow));border-radius:999px}.warning-box{background:#fff9e8;border:1px solid #f0d77c;border-radius:17px;padding:14px 15px;font-size:12px;line-height:1.5;color:#6e5605}.danger-box{background:#fff1f1;border:1px solid #ffd0d0;border-radius:17px;padding:14px 15px;font-size:12px;line-height:1.5;color:#8b2929}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#111}.login-visual{padding:64px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 20% 15%,rgba(246,197,21,.27),transparent 25%),linear-gradient(155deg,#0d0d0d,#1a1a1a)}.login-visual:after{content:"15%+";position:absolute;right:-30px;bottom:55px;font-family:var(--mono);font-weight:1000;font-size:140px;letter-spacing:-12px;color:rgba(255,255,255,.035);transform:rotate(-4deg)}.login-logo{display:flex;align-items:center;gap:12px;font-weight:900}.login-copy h1{font-size:46px;line-height:1.02;max-width:600px;margin:0 0 18px;letter-spacing:-2.3px}.login-copy h1 span{color:var(--yellow)}.login-copy p{max-width:520px;color:#aaa;line-height:1.6;font-size:14px}.login-kpis{display:flex;gap:10px;flex-wrap:wrap}.login-kpis span{border:1px solid #303030;background:#181818;border-radius:12px;padding:9px 11px;color:#bbb;font-size:11px}.login-form-side{background:#f7f6f2;display:flex;align-items:center;justify-content:center;padding:35px}.login-card{width:min(430px,100%);background:#fff;border:1px solid #e6e3da;border-radius:28px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.2)}.login-card h2{font-size:25px;margin:0 0 7px;letter-spacing:-.8px}.login-card>p{color:#888;font-size:13px;margin:0 0 24px}.login-card .field{margin-bottom:14px}.login-card .btn{width:100%;padding:14px;margin-top:4px}.login-hint{margin-top:18px;padding-top:15px;border-top:1px solid var(--line);color:#999;font-size:11px;line-height:1.5}.digital-line{font-family:var(--mono);font-size:12px;color:#888}.metric-big{font-family:var(--mono);font-size:36px;font-weight:1000;letter-spacing:-2px}.divider{height:1px;background:var(--line);margin:18px 0}.admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.buyer-status-list{display:grid;gap:10px}.buyer-status{display:grid;grid-template-columns:minmax(180px,1fr) 110px 110px 120px 140px;gap:12px;align-items:center;padding:12px 13px;border:1px solid var(--line);border-radius:15px;background:#fff}.buyer-status:hover{border-color:#d9c16b}.buyer-name b{display:block;font-size:13px}.buyer-name small{display:block;color:#888;margin-top:3px}.score{font-family:var(--mono);font-weight:1000;font-size:17px}.right{text-align:right}.inline-form{display:inline}.nowrap{white-space:nowrap}
@media(max-width:1180px){.filter-grid{grid-template-columns:repeat(4,1fr)}.kpi-grid{grid-template-columns:repeat(3,1fr)}.split,.admin-grid{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:repeat(2,1fr)}.buyer-status{grid-template-columns:1fr 90px 90px 110px}.buyer-status .hide-md{display:none}}
@media(max-width:820px){.topbar{height:auto;min-height:68px;padding:10px 14px;gap:12px;flex-wrap:wrap}.brand{min-width:auto}.brand small,.user-pill div{display:none}.topnav{order:3;width:100%;overflow:auto}.topnav a{white-space:nowrap}.user-pill{margin-left:auto;min-width:0}.page{padding:18px 14px 50px}.page-title{align-items:flex-start;flex-direction:column}.filter-grid{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:1fr 1fr}.margin-grid{grid-template-columns:1fr}.note-layout{grid-template-columns:1fr}.note-history{max-height:190px}.checkbox-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-form-side{min-height:100vh;padding:18px}.buyer-status{grid-template-columns:1fr 86px}.buyer-status .hide-sm{display:none}}
@media(max-width:520px){.filter-grid,.kpi-grid{grid-template-columns:1fr}.page-title h1{font-size:26px}.margin-number{font-size:38px}.login-card{padding:25px 20px;border-radius:22px}.actions{width:100%}.actions .btn{flex:1}.buyer-status{grid-template-columns:1fr}.buyer-status .score{text-align:left}}

/* CRM safe queue overlay */
.crm-queue-overlay{position:fixed;inset:0;z-index:9999;background:rgba(12,12,12,.78);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.crm-queue-card{width:min(460px,100%);background:#fff;border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.35);text-align:center}.crm-queue-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:20px;background:#111;display:grid;place-items:center;position:relative}.crm-queue-icon:before{content:"";width:26px;height:26px;border:3px solid #444;border-top-color:var(--yellow);border-radius:50%;animation:crmSpin .8s linear infinite}.crm-queue-card h3{margin:0 0 8px;font-size:21px;letter-spacing:-.5px}.crm-queue-card p{margin:0;color:#747474;font-size:13px;line-height:1.55}.crm-queue-note{margin-top:16px!important;padding:11px 12px;border-radius:13px;background:#fff8d9;color:#6f5800!important;font-size:11px!important;font-weight:700}.crm-queue-dots{display:flex;justify-content:center;gap:6px;margin-top:17px}.crm-queue-dots i{width:7px;height:7px;border-radius:50%;background:#ddd;animation:crmPulse 1.2s infinite}.crm-queue-dots i:nth-child(2){animation-delay:.15s}.crm-queue-dots i:nth-child(3){animation-delay:.3s}@keyframes crmSpin{to{transform:rotate(360deg)}}@keyframes crmPulse{0%,70%,100%{transform:scale(.8);background:#ddd}35%{transform:scale(1.2);background:var(--yellow)}}
