:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#f5f5f5;background:#08090b;font-synthesis:none;font-size:14px}*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}input,select,textarea{color:#f5f5f5;background:#121417;border:1px solid #303238;outline:none;border-radius:10px;padding:11px 12px;width:100%;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:#c8c8cb}input::placeholder,textarea::placeholder{color:#737780}textarea{resize:vertical;min-height:88px}option{background:#17181d}label{display:block;font-size:12px;color:#a8abb2;font-weight:600;margin:0 0 8px}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.1;letter-spacing:-1.1px;font-weight:590}h2{font-size:19px;letter-spacing:-.4px;font-weight:590}h3{font-size:15px;font-weight:600}.muted{color:#898e98}.tiny{font-size:11px}.small{font-size:12px}.eyebrow{font-size:10px;color:#8a909b;letter-spacing:2.3px;font-weight:750;text-transform:uppercase}.mono{font-variant-numeric:tabular-nums}.layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:#0c0d10;border-right:1px solid #24262a;display:flex;flex-direction:column;padding:32px 18px 20px;position:sticky;top:0;height:100vh}.brand{display:flex;flex-direction:column;align-items:flex-start;padding:0 12px 34px;gap:10px}.brand-logo{display:block;width:auto;height:48px;max-width:170px;object-fit:contain}.brand-meta{padding-left:2px}.brand-sub{color:#777e88;font-size:10px;letter-spacing:1.5px}.nav-section{padding:20px 12px 11px;color:#666b75;text-transform:uppercase;font-size:10px;letter-spacing:1.7px;font-weight:700}.nav{display:flex;gap:4px;flex-direction:column}.nav button{display:flex;align-items:center;gap:13px;background:none;border:1px solid transparent;color:#9196a0;text-align:left;padding:13px 14px;border-radius:10px;font-weight:560}.nav button:hover{color:#fff;background:#191b20}.nav button.active{background:#1c1e23;border-color:#303239;color:#fff}.nav svg{width:18px;height:18px;flex-shrink:0}.sidebar-bottom{margin-top:auto;border-top:1px solid #24262a;padding-top:18px}.identity{padding:10px 12px;display:flex;align-items:center;gap:10px;overflow:hidden}.avatar{width:35px;height:35px;flex-shrink:0;border-radius:50%;background:#32353d;color:#fafafa;display:grid;place-items:center;font-weight:650}.identity-details{min-width:0}.identity-details div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.identity-details .muted{font-size:10px;margin-top:4px}.sidebar-btn{width:100%;color:#9fa4ae;text-align:left;border:0;border-radius:9px;padding:12px;background:transparent}.sidebar-btn:hover{background:#1b1d21;color:white}.main{min-width:0}.topbar{height:84px;border-bottom:1px solid #24262a;display:flex;align-items:center;justify-content:space-between;padding:0 46px;gap:20px}.toplabel{display:flex;align-items:center;gap:10px;color:#9fa3aa;font-size:12px}.dot{width:7px;height:7px;background:#b0d9c1;border-radius:50%;box-shadow:0 0 0 5px #b0d9c118}.pill{border:1px solid #30333a;border-radius:100px;padding:8px 13px;font-size:11px;color:#b8bdc6}.content{padding:40px 46px 65px;max-width:1650px;margin:auto}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:30px}.heading h1{margin:9px 0 10px}.heading p{color:#91959e}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.btn{border:1px solid #30343a;color:#f5f5f5;border-radius:10px;background:#1b1d21;padding:11px 16px;font-size:12px;font-weight:650;transition:background .18s,transform .18s;white-space:nowrap}.btn:hover{background:#2a2d33;transform:translateY(-1px)}.btn-primary{background:#f5f5f5;color:#0c0d0e;border-color:#f5f5f5}.btn-primary:hover{background:#d5d5d5}.btn-ghost{background:transparent}.btn-danger{background:#371d23;border-color:#703440;color:#ffb7bf}.btn-small{padding:7px 10px;border-radius:8px;font-size:11px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.panel,.kpi{border:1px solid #26292e;background:linear-gradient(145deg,#141619,#101114);border-radius:15px}.kpi{padding:23px 22px;min-height:144px}.kpi-caption{font-size:12px;color:#979ba5;margin-bottom:20px}.kpi-value{font-size:31px;font-weight:580;letter-spacing:-1.1px}.kpi-foot{margin-top:9px;font-size:11px;color:#797f89}.stack{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:17px}.panel{padding:23px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.panel-head .muted{font-size:12px}.activity-row,.task-row{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #25282d;padding:13px 0}.activity-row:last-child,.task-row:last-child{border-bottom:0}.activity-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #373941;border-radius:9px;color:#c2c5cc;flex-shrink:0}.activity-text{flex:1;min-width:0}.activity-text strong{font-size:12px;font-weight:620}.activity-text p{color:#9297a1;font-size:11px;margin-top:5px;line-height:1.45;overflow-wrap:anywhere}.activity-time{font-size:10px;color:#797e87;white-space:nowrap}.empty{padding:38px 12px;text-align:center;color:#969ca6}.empty .empty-title{font-size:15px;font-weight:600;color:#dedfe3;margin-bottom:9px}.empty p{font-size:12px;line-height:1.7}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.filters{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.filters select{width:auto;min-width:152px;max-width:220px}.search{max-width:350px;min-width:220px}.table-scroll{overflow:auto;border:1px solid #282b30;border-radius:14px;background:#111215}table{width:100%;border-collapse:collapse;min-width:880px;text-align:left}th{font-size:10px;color:#848a95;letter-spacing:1.1px;text-transform:uppercase;font-weight:650;padding:17px 17px;background:#17181b}td{border-top:1px solid #282a30;padding:17px;vertical-align:middle;color:#d5d7dc;font-size:12px}tr:hover td{background:#16181c}.company-title{font-size:12px;font-weight:670;color:#f4f4f5}.company-contact{font-size:11px;color:#868b95;margin-top:5px}.stage{display:inline-block;font-size:10px;border:1px solid #3c4149;border-radius:100px;padding:6px 9px;color:#d9dce0;white-space:nowrap}.stage.won{color:#b2ddc2;border-color:#38634b;background:#153024}.stage.lost{color:#c5a4a7;border-color:#533638}.stage.proposal{color:#c9c6f3;border-color:#535077}.stage.meeting{color:#f0d3a2;border-color:#6a5530}.linkish{background:transparent;border:0;padding:0;text-align:left;color:inherit}.linkish:hover{text-decoration:underline}.pipeline{display:flex;gap:13px;overflow-x:auto;padding-bottom:15px;min-height:420px;align-items:stretch}.pipe-col{min-width:245px;max-width:245px;border:1px solid #282b31;border-radius:13px;background:#111316;padding:13px;min-height:350px}.pipe-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:2px 0 15px;font-size:11px;color:#c4c7ce;font-weight:650}.pipe-title span:last-child{color:#8c919c}.pipe-col.over{border-color:#d5d5db;background:#1a1d22}.deal-card{display:block;text-align:left;width:100%;background:#1b1d21;border:1px solid #303239;border-radius:11px;padding:15px;margin-bottom:10px;color:#f5f5f5}.deal-card:hover{border-color:#6c7079}.deal-card strong{font-size:12px}.deal-card .muted{display:block;margin:7px 0 17px;font-size:11px}.deal-card .money{font-weight:630;font-size:13px}.deal-card .smallline{display:flex;justify-content:space-between;font-size:10px;color:#90949e;margin-top:13px}.section-note{font-size:11px;color:#828791;margin:10px 0 20px}.check{appearance:none;min-width:17px;width:17px;height:17px;border-radius:5px;border:1px solid #575b65;padding:0;margin:1px 0 0;flex-shrink:0}.check:checked{background:#d6ddd9;border-color:#d6ddd9}.overdue{color:#e6aeaf!important}.tasks-list{display:grid;gap:0}.task-row{align-items:center}.task-row.completed .activity-text{text-decoration:line-through;opacity:.5}.task-controls{display:flex;gap:8px}.tag{font-size:10px;color:#9299a5;border:1px solid #363a41;border-radius:7px;padding:4px 7px;white-space:nowrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:16px}.field-hint{font-size:11px;color:#838a96;margin-top:7px}.modal-backdrop{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:10;padding:20px}.modal{width:min(650px,100%);max-height:min(90vh,900px);overflow:auto;background:#121317;border:1px solid #42454e;border-radius:19px;box-shadow:0 40px 120px #0009;padding:27px}.modal-top{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:23px}.modal-top h2{font-size:23px}.iconbtn{background:transparent;border:1px solid #33363e;border-radius:9px;color:#d3d5db;padding:8px 12px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:15px;border-top:1px solid #2b2e34;padding-top:18px}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.detail-amount{font-size:26px;letter-spacing:-.6px;margin:20px 0 8px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.info-item .label{font-size:10px;color:#868b96;margin-bottom:6px}.info-item .value{font-size:12px;word-break:break-word}.divider{height:1px;background:#282b32;margin:20px 0}.notice{font-size:12px;line-height:1.7;border-radius:11px;border:1px solid #373a42;padding:14px 15px;background:#1b1d21;color:#b7bac2}.warn{border-color:#715b37;background:#302518;color:#e5cca2}.preview-banner{background:#382914;border-bottom:1px solid #6d4d28;color:#efcd94;font-size:12px;text-align:center;padding:12px 18px}.boot{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;color:#90949d;font-size:12px}.mark{font-size:49px;color:#fff;letter-spacing:-4px;font-weight:850}.markdot{color:#9097a2}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-art{background:radial-gradient(circle at 52% 40%,#393d43 0%,#191a1e 22%,#08090b 61%);border-right:1px solid #292b30;display:flex;flex-direction:column;justify-content:space-between;padding:52px;overflow:hidden}.auth-art .bigbrand{font-size:30px;font-weight:820;letter-spacing:-2px}.auth-art h1{font-size:clamp(40px,5vw,74px);line-height:1.04;letter-spacing:-3.5px;max-width:620px}.auth-art p{color:#adb0b7;line-height:1.75;font-size:14px;margin-top:20px;max-width:415px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:40px}.auth-card{width:min(100%,385px)}.auth-card h2{font-size:32px;letter-spacing:-1.2px;margin:12px 0 12px}.auth-card p{line-height:1.7;color:#8e949e;margin-bottom:30px}.auth-card .btn{width:100%;margin-top:8px;padding:14px}.auth-card .field{margin-bottom:19px}.auth-card .fine{font-size:11px;color:#757d87;margin-top:22px;line-height:1.7}.auth-card .fine a{text-decoration:underline}.toast{position:fixed;right:23px;bottom:23px;max-width:min(420px,calc(100% - 46px));background:#f0f0f1;color:#111216;border-radius:12px;padding:13px 17px;box-shadow:0 13px 50px #0007;font-size:12px;z-index:30;opacity:0;pointer-events:none;transform:translateY(7px);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#f8c5c9}.settings-box{max-width:720px}.help-list{color:#b9bdc6;font-size:13px;line-height:2;padding-left:18px}.help-list a{text-decoration:underline;text-underline-offset:3px}.settings-card{margin-bottom:15px}.auth-card .notice{margin:17px 0}.mobilehead{display:none}.hide{display:none!important}
@media(max-width:1150px){.kpis{grid-template-columns:repeat(2,1fr)}.stack{grid-template-columns:1fr}.topbar{padding:0 26px}.content{padding:32px 26px}}@media(max-width:770px){.layout{display:block}.sidebar{position:static;height:auto;padding:15px 13px;border-right:0;border-bottom:1px solid #24262a}.brand{padding:0 6px 12px}.brand-logo{height:40px;max-width:140px}.nav-section,.sidebar-bottom{display:none}.nav{flex-direction:row;overflow-x:auto}.nav button{white-space:nowrap;flex:1;justify-content:center;gap:7px;padding:11px 9px;font-size:11px}.nav svg{height:14px;width:14px}.topbar{height:53px;padding:0 19px}.content{padding:26px 17px 50px}.heading{display:block}.heading .actions{margin-top:20px}.heading h1{font-size:28px}.kpis{gap:10px}.kpi{min-height:110px;padding:15px}.kpi-value{font-size:25px}.kpi-caption{margin-bottom:14px;font-size:11px}.panel{padding:16px}.auth-page{grid-template-columns:1fr}.auth-art{padding:25px;min-height:240px}.auth-art h1{font-size:36px;letter-spacing:-1.7px}.auth-art p{font-size:12px;margin-top:10px}.auth-panel{padding:32px 24px 55px}.grid-2{grid-template-columns:1fr;gap:0}.info-grid{gap:13px}.modal{padding:21px}.filters select{min-width:120px}.search{max-width:none;width:100%}}@media(max-width:430px){.nav button{font-size:10px}.nav button svg{display:none}.kpi-value{font-size:22px}.toplabel{font-size:10px}.pill{font-size:9px}}

/* Supplied SX Agency branding — upper-right dashboard header */
.header-brand{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-shrink:0}
.header-logo{display:block;width:auto;height:62px;max-width:135px;object-fit:contain}
@media(max-width:770px){.header-brand{gap:10px}.header-logo{height:43px;max-width:94px}}
@media(max-width:430px){.header-brand .pill{display:none}.header-logo{height:42px}}