:root{--nav:#07162f;--panel:#0d203e;--blue:#2277cc;--sky:#5fb9e5;--sun:#ffcc3d;--ink:#231f20;--paper:#f4f4ef;--line:#d8d9d2;--green:#228800;--red:#c94141;--muted:#687079}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}.app{min-height:100vh;display:grid;grid-template-columns:238px 1fr}aside{position:sticky;top:0;height:100vh;padding:22px 16px;background:var(--nav);color:#fff;display:flex;flex-direction:column}.logo{display:inline-flex;background:#fff;padding:8px 10px;border-radius:12px;align-self:flex-start}.logo img{display:block;width:160px}.mode{display:flex;gap:10px;align-items:center;margin:24px 2px;padding:12px;border:1px solid #284460;border-radius:12px}.mode i{width:10px;height:10px;background:var(--sun);border-radius:50%;box-shadow:0 0 0 5px rgba(255,204,61,.15)}.mode span,.mode b,.mode small{display:block}.mode b{font-size:.68rem;letter-spacing:.08em}.mode small{color:#aebfd3;font-size:.7rem}nav{display:grid;gap:5px}nav button{display:flex;gap:12px;align-items:center;width:100%;border:0;background:transparent;color:#b9c9dc;padding:11px 13px;border-radius:9px;text-align:left;font:750 .9rem system-ui;cursor:pointer}nav button.active{background:#16365f;color:#fff}nav button:first-letter{color:var(--sun)}aside footer{margin-top:auto;display:grid;gap:10px}aside footer a{color:#bed2e7;font-size:.78rem}main{padding:28px 34px 70px;min-width:0}main>header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.eyebrow{margin:0;color:var(--blue);font-size:.7rem;font-weight:900;letter-spacing:.14em}h1{margin:4px 0 0;font:750 clamp(2.5rem,5vw,4.8rem)/.82 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase}.header-actions{display:flex;gap:10px;align-items:center}button,.activate{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 13px;color:inherit;font:800 .85rem system-ui;text-decoration:none;cursor:pointer}.activate,.primary{background:var(--sun);border-color:var(--sun)}#toast{margin-bottom:18px;padding:12px 16px;border-radius:12px;background:#e8f3ff;border:1px solid #bedafa;color:#234566}#toast.success{background:#edf7e8;border-color:#c8e2b8;color:#285c1d}#toast.warn{background:#fff4cd;border-color:#ead27a;color:#705900}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px}.card{grid-column:span 4;background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;min-width:0}.card.half{grid-column:span 6}.card.wide{grid-column:span 8}.card.full{grid-column:span 12}.card h2{margin:3px 0 14px;font-size:1.2rem}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.truth,.pill{display:inline-flex;padding:3px 7px;border-radius:999px;background:#eef0eb;color:#60655f;font-size:.64rem;font-weight:900;letter-spacing:.06em}.pill.good{background:#e4f4dd;color:#236719}.pill.warn{background:#fff1c8;color:#705500}.big{font-size:2rem;font-weight:900}.muted{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:13px;background:#f5f6f3;border-radius:11px}.stat b,.stat span{display:block}.stat b{font-size:1.45rem}.list{display:grid}.row{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:12px;padding:13px 0;border-top:1px solid #ecece6;align-items:center}.row:first-child{border-top:0}.row strong,.row small{display:block}.row small{color:var(--muted)}.time{font-weight:900;color:var(--blue)}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions button{padding:7px 9px;font-size:.75rem}.actions .dark{background:var(--nav);color:#fff;border-color:var(--nav)}.customer-layout{display:grid;grid-template-columns:320px 1fr;gap:15px}.customer-list button{display:block;width:100%;padding:13px;text-align:left;border-radius:10px;margin-bottom:7px}.customer-list button.active{border-color:var(--blue);background:#eef6ff}.timeline{border-left:2px solid #dbe5ef;margin-left:7px;padding-left:20px}.event{position:relative;padding:0 0 20px}.event::before{content:"";position:absolute;left:-26px;top:4px;width:10px;height:10px;background:var(--blue);border-radius:50%}.message{max-width:78%;padding:12px 14px;border-radius:15px 15px 15px 3px;background:#edf0f3;margin:9px 0}.message.pro{margin-left:auto;background:#dcecff;border-radius:15px 15px 3px 15px}.money-bars{display:grid;gap:12px}.bar{display:grid;grid-template-columns:100px 1fr 90px;gap:10px;align-items:center}.track{height:13px;background:#eceeea;border-radius:8px;overflow:hidden}.fill{height:100%;background:var(--green)}.map{height:310px;position:relative;border-radius:14px;background-color:#e8eef0;background-image:linear-gradient(#cbd8dc 1px,transparent 1px),linear-gradient(90deg,#cbd8dc 1px,transparent 1px);background-size:38px 38px;overflow:hidden}.pin{position:absolute;width:38px;height:38px;display:grid;place-items:center;background:var(--blue);color:#fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);font-weight:900}.pin span{transform:rotate(45deg)}.checklist{display:grid;gap:9px}.checkitem{display:grid;grid-template-columns:24px 1fr auto;gap:10px;padding:13px;border:1px solid var(--line);border-radius:11px}.checkitem i{font-style:normal}.checkitem small,.checkitem b{display:block}.checkitem small{color:var(--muted)}.first-win{background:linear-gradient(135deg,#0e3970,var(--blue));color:#fff;border:0}.first-win .muted{color:#d7e9fb}.first-win button{margin-top:12px}.section-title{margin:2px 0 18px;font:750 2.6rem/.9 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase}.empty{padding:45px;text-align:center;color:var(--muted)}@media(max-width:980px){.app{grid-template-columns:76px 1fr}aside{padding:16px 10px}.logo img{width:44px;height:30px;object-fit:cover;object-position:left}.mode span,nav span,aside footer{display:none}nav button{justify-content:center;font-size:1.1rem}.card,.card.half,.card.wide{grid-column:span 12}.customer-layout{grid-template-columns:1fr}}@media(max-width:650px){main{padding:20px 13px}.app{grid-template-columns:1fr}aside{position:static;height:auto;display:flex;flex-direction:row;align-items:center;overflow:auto}.mode,.logo,aside footer{display:none}nav{display:flex}nav button{white-space:nowrap}main>header{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr}.row{grid-template-columns:1fr}.customer-layout{display:block}}
