:root{--sky:#18abe5;--sky-dark:#078bc4;--sky-pale:#eaf8fe;--navy:#10233d;--navy-2:#203850;--muted:#74899c;--line:#dfe8ee;--canvas:#f5f9fc;--white:#fff;--green:#13a37f;--amber:#e99a37;--red:#df5570;--purple:#7169ec;--sidebar:248px}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{margin:0;color:var(--navy);background:var(--canvas);font:14px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}a{color:inherit;text-decoration:none}.crm-icon{width:20px;height:20px;display:inline-block;flex:0 0 auto}.logo-bars{position:relative;width:35px;height:35px;display:inline-flex;flex:0 0 auto}.logo-bars i{position:absolute;width:22px;height:8px;border-radius:8px 3px 8px 3px;transform:rotate(-42deg);background:linear-gradient(90deg,#2dc4f2,#7adfff);box-shadow:0 0 14px rgba(47,190,239,.24)}.logo-bars i:nth-child(1){left:0;top:5px}.logo-bars i:nth-child(2){left:7px;top:14px}.logo-bars i:nth-child(3){left:13px;top:23px;background:linear-gradient(90deg,#39d5c7,#35bde9)}.crm-shell{min-height:100vh}.crm-sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:var(--sidebar);display:flex;flex-direction:column;padding:0 14px 16px;color:#d9e7f1;background:radial-gradient(circle at 20% 7%,rgba(45,190,238,.13),transparent 24%),linear-gradient(178deg,#0e2943,#0a1b2f);overflow:hidden}.crm-sidebar:after{content:"";position:absolute;width:220px;height:220px;right:-145px;bottom:90px;border:1px solid rgba(65,191,235,.08);border-radius:50%;box-shadow:0 0 0 34px rgba(65,191,235,.025),0 0 0 70px rgba(65,191,235,.018);pointer-events:none}.sidebar-logo{min-height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.075);padding:0 7px}.sidebar-logo>a{display:flex;align-items:center;gap:10px}.sidebar-logo strong,.sidebar-logo small{display:block}.sidebar-logo strong{font-size:17px;letter-spacing:-.4px;color:#f6fbff}.sidebar-logo small{margin-top:3px;color:#71a8c4;font-size:7px;letter-spacing:1.7px}.sidebar-logo button{border:0;background:transparent;color:#b8cedc;font-size:25px}.crm-sidebar nav{position:relative;flex:1;padding-top:24px}.nav-section{display:block;padding:0 13px 10px;color:#63849a;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px}.crm-sidebar nav a{position:relative;min-height:44px;display:flex;align-items:center;gap:12px;margin:3px 0;padding:0 13px;border-radius:10px;color:#90adc1;transition:.2s ease}.crm-sidebar nav a:hover{color:#fff;background:rgba(255,255,255,.045)}.crm-sidebar nav a.active{color:#f5fcff;background:linear-gradient(90deg,rgba(25,170,227,.21),rgba(33,179,222,.075));box-shadow:inset 0 0 0 1px rgba(93,209,246,.08)}.crm-sidebar nav a.active:before{content:"";position:absolute;left:-14px;width:3px;height:24px;border-radius:0 4px 4px 0;background:#31bdef;box-shadow:0 0 12px rgba(49,189,239,.65)}.crm-sidebar nav a span{font-weight:550}.crm-sidebar nav a b{margin-left:auto;min-width:23px;padding:3px 6px;text-align:center;border-radius:20px;color:#9ce1fa;background:rgba(36,177,229,.15);font-size:10px}.secure-note{position:relative;display:flex;align-items:center;gap:10px;padding:13px 10px;margin:0 2px 11px;border:1px solid rgba(101,192,227,.1);border-radius:12px;background:rgba(41,143,185,.07)}.secure-note svg{width:31px;height:31px;padding:7px;border-radius:9px;background:rgba(46,189,222,.13);color:#5ed2f1}.secure-note strong,.secure-note small{display:block}.secure-note strong{font-size:11px}.secure-note small{margin-top:2px;color:#6f91a6;font-size:9px}.sidebar-user{position:relative;display:flex;align-items:center;gap:10px;min-height:55px;padding:7px 8px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.035)}.sidebar-user>span:nth-child(2){min-width:0;flex:1}.sidebar-user strong,.sidebar-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user strong{font-size:11px}.sidebar-user small{color:#718fa3;font-size:9px}.sidebar-user>a{color:#6f91a6}.avatar{width:37px;height:37px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:11px;color:#096b91;background:linear-gradient(145deg,#d6f4ff,#a8e2f8);font-size:11px;font-weight:750}.avatar.small{width:31px;height:31px;border-radius:9px;font-size:9px}.avatar.giant{width:70px;height:70px;border-radius:19px;font-size:18px}.crm-workspace{min-height:100vh;margin-left:var(--sidebar)}.crm-topbar{position:sticky;top:0;z-index:35;height:69px;display:flex;align-items:center;gap:18px;padding:0 clamp(22px,3vw,44px);background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.top-search{width:min(450px,42vw);display:flex;align-items:center;gap:10px;height:38px;padding:0 11px;border:1px solid #e0e9ef;border-radius:9px;color:#8da0b2;background:#f8fafc}.top-search input{width:100%;border:0;outline:0;background:transparent;color:var(--navy);font-size:12px}.top-search kbd{padding:3px 6px;border:1px solid #dce5eb;border-radius:5px;background:#fff;font-size:9px;color:#8a9aa9}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.role-chip{padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:#708397;background:#fff;font-size:9px}.bell{position:relative;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:#60768b;background:#fff}.bell b{position:absolute;right:-5px;top:-6px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border:2px solid #fff;border-radius:12px;background:var(--red);color:#fff;font-size:8px}.mobile-menu{display:none;width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:#fff}.mobile-only,.mobile-overlay{display:none}.crm-main{max-width:1680px;margin:0 auto;padding:29px clamp(22px,3vw,44px) 50px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{display:block;margin-bottom:7px;color:#8ca0b2;font-size:10px;font-weight:700;letter-spacing:.55px;text-transform:uppercase}.eyebrow.light{color:#73c7e6}.page-head h1{margin:0;font-size:clamp(24px,2.3vw,30px);line-height:1.1;letter-spacing:-.9px}.head-actions{display:flex;align-items:center;gap:9px}.period-pill{height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#61778d;font-size:10px}.period-pill svg{width:16px}.btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid transparent;border-radius:9px;font-size:11px;font-weight:650;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#fff;background:linear-gradient(135deg,#15afe9,#088dc9);border-color:#0c9bd5;box-shadow:0 6px 16px rgba(10,157,213,.18)}.btn.secondary{color:#4f687e;background:#fff;border-color:#dbe5ec}.btn.secondary:hover{color:#078dc5;border-color:#aaddf2}.btn.danger{color:#c84460;background:#fff9fa;border-color:#efc5ce}.btn.warning{color:#995e17;background:#fff;border-color:#e8bb7e}.btn.ghost{color:#6d8193;background:#f4f8fa}.btn.wide{width:100%}.btn.small{min-height:31px;padding:0 10px;font-size:9px}.panel{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(23,54,80,.03)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.panel-head.padded{padding:18px 19px;border-bottom:1px solid #edf2f5}.panel-head h2{margin:0 0 5px;font-size:14px;letter-spacing:-.22px}.panel-head p{margin:0;color:#899aaa;font-size:9px}.panel-head a{color:#159bd0;font-size:10px;font-weight:650}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metrics-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{min-height:153px;padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 4px 14px rgba(23,54,80,.03)}.metric-icon{width:37px;height:37px;display:grid;place-items:center;margin-bottom:14px;border-radius:10px}.metric-icon svg{width:21px}.metric-icon.sky{color:var(--sky);background:#e8f7fd}.metric-icon.green{color:var(--green);background:#eaf9f4}.metric-icon.purple{color:var(--purple);background:#eeecff}.metric-icon.amber{color:var(--amber);background:#fff3e4}.metric-icon.red{color:var(--red);background:#fff0f3}.metric-card>small{display:block;color:#73869a;font-size:10px}.metric-card>strong{display:block;margin:7px 0 9px;font-size:clamp(19px,1.8vw,25px);line-height:1;letter-spacing:-.7px}.metric-card>p{margin:0;color:#13a37f;font-size:9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,.9fr);gap:16px;margin-bottom:16px}.dashboard-grid.lower{grid-template-columns:minmax(0,1.72fr) minmax(310px,1fr)}.chart-panel,.profit-panel{min-height:348px;padding:19px 20px}.legend{display:flex;gap:15px;color:#788b9c;font-size:9px}.legend span{display:flex;align-items:center;gap:6px}.legend i,.profit-list i{width:7px;height:7px;display:inline-block;border-radius:50%}.sky{background:var(--sky)}.green{background:var(--green)}.red{background:var(--red)}.bar-chart{height:258px;display:flex;align-items:flex-end;gap:clamp(12px,3vw,32px);padding:38px 15px 8px;margin-top:14px;border-bottom:1px solid #dfe8ee;background:repeating-linear-gradient(to bottom,#fff 0,#fff 50px,#edf2f5 51px)}.bar-chart>div{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.bar-chart i{position:relative;width:min(42px,65%);display:flex;align-items:flex-end;border-radius:8px 8px 3px 3px;background:linear-gradient(#53c8ef,#11a8e2);box-shadow:0 5px 14px rgba(24,171,229,.14)}.bar-chart i b{width:100%;display:block;border-radius:5px 5px 3px 3px;background:linear-gradient(#50d0b6,#14a47f)}.bar-chart small{margin-top:7px;color:#8b9baa;font-size:8px}.bar-value{position:absolute;bottom:calc(100% + 6px);color:#7a8d9e;font-size:7px}.profit-donut{width:160px;height:160px;display:grid;place-items:center;margin:20px auto 14px;border-radius:50%;background:conic-gradient(var(--sky) 0 var(--margin),#eaf1f5 var(--margin));position:relative;box-shadow:0 0 0 8px #f7fbfd}.profit-donut:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#fff}.profit-donut>div{position:relative;z-index:1;text-align:center}.profit-donut small{display:block;color:#91a1af;font-size:7px;letter-spacing:.8px}.profit-donut strong{display:block;margin-top:5px;font-size:25px}.profit-list{margin:0}.profit-list>div{display:flex;justify-content:space-between;padding:7px 0;color:#718598;font-size:9px}.profit-list dt{display:flex;align-items:center;gap:7px}.profit-list dd{margin:0;color:var(--navy);font-weight:700}.profit-list .total{margin-top:4px;padding-top:10px;border-top:1px solid #edf2f5;font-weight:700}.profit-list .total dd{color:var(--green)}.product-performance-list>div{display:grid;grid-template-columns:27px 34px minmax(120px,1.2fr) .45fr .82fr .48fr;align-items:center;gap:10px;min-height:58px;padding:0 19px;border-bottom:1px solid #eef2f5}.product-performance-list>div:last-child{border-bottom:0}.rank{color:#a2b0bc;font-size:9px;font-weight:700}.product-badge{--hue:190;width:32px;height:32px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:9px;color:#fff;background:linear-gradient(135deg,hsl(var(--hue) 72% 53%),hsl(var(--hue) 70% 42%));font-size:10px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 3px 9px rgba(20,54,80,.08)}.product-badge.large{width:42px;height:42px;border-radius:12px;font-size:13px}.product-name strong,.product-name small,.product-performance-list>div>span>small,.product-performance-list>div>span>strong{display:block}.product-performance-list strong{font-size:9px}.product-performance-list small{margin-top:3px;color:#90a0af;font-size:7px}.stock-value{color:#148db9}.count-badge{min-width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:#bc7623;background:#fff2df;font-size:9px;font-weight:700}.attention-list>a{min-height:61px;display:grid;grid-template-columns:31px 1fr auto 12px;align-items:center;gap:9px;padding:8px 19px;border-bottom:1px solid #edf2f5}.attention-list strong,.attention-list small{display:block}.attention-list strong{font-size:9px}.attention-list small{margin-top:3px;color:#91a1af;font-size:7px}.attention-list>a>b{color:#a5b3bf}.panel-button{width:calc(100% - 38px)!important;margin:14px 19px}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:20px;color:#aa6a1c;background:#fff3e2;font-size:7px;font-weight:650;white-space:nowrap}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status.completed,.status.manually_completed{color:#118a6b;background:#eaf9f4}.status.awaiting_proof,.status.rejected{color:#c24d68;background:#fff0f3}.status.cancelled{color:#6e7f8f;background:#edf2f5}.attention-banner{display:flex;align-items:center;gap:12px;min-height:64px;padding:11px 14px;margin-bottom:20px;border:1px solid #f2cc98;border-radius:12px;color:#9a631f;background:linear-gradient(90deg,#fff9ef,#fffdf9)}.attention-banner>svg{width:36px;height:36px;padding:8px;border-radius:10px;background:#ffedd1}.attention-banner>span{flex:1}.attention-banner strong,.attention-banner small{display:block}.attention-banner strong{color:#704817;font-size:10px}.attention-banner small{margin-top:3px;font-size:8px}.generated-card{display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:14px;border:1px solid #bde1ef;border-radius:12px;background:#f0fbff}.generated-card>span{min-width:0;flex:1}.generated-card small,.generated-card strong{display:block}.generated-card small{color:#198eb8;font-size:8px}.generated-card strong{margin-top:5px;overflow:hidden;font:10px ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.employee-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:16px;margin-bottom:16px}.product-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px 19px 19px}.product-choice-grid form button{width:100%;min-height:64px;display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid #e1eaf0;border-radius:10px;background:#fff;text-align:left}.product-choice-grid form button:hover:not(:disabled){border-color:#9cdaf1;background:#f8fdff}.product-choice-grid form button:disabled{opacity:.48;cursor:not-allowed}.product-choice-grid form button>span:nth-child(2){flex:1}.product-choice-grid strong,.product-choice-grid small{display:block}.product-choice-grid strong{font-size:9px}.product-choice-grid small{margin-top:4px;color:#8b9baa;font-size:7px}.product-choice-grid b{color:#95a6b4}.employee-goal{padding:20px;text-align:center}.goal-ring{width:142px;height:142px;display:grid;place-items:center;margin:2px auto 14px;border-radius:50%;background:conic-gradient(var(--sky) 0 84%,#e8f0f4 84%);position:relative}.goal-ring:after{content:"";position:absolute;width:112px;height:112px;border-radius:50%;background:#fff}.goal-ring>div{position:relative;z-index:1}.goal-ring strong,.goal-ring small{display:block}.goal-ring strong{font-size:24px}.goal-ring small{color:#8b9daa;font-size:8px}.employee-goal h2{margin:0 0 6px;font-size:14px}.employee-goal p{margin:0;color:#8396a7;font-size:9px}.employee-goal>div:last-child{display:flex;justify-content:center;gap:28px;margin-top:16px;padding-top:13px;border-top:1px solid #edf2f5;color:#8093a4;font-size:8px}.employee-goal>div:last-child strong{display:block;color:var(--navy);font-size:13px}.incomplete-panel{overflow:hidden}.incomplete-row{display:grid;grid-template-columns:minmax(160px,1.2fr) 1fr 1fr 1fr auto;align-items:end;gap:10px;padding:14px 19px;border-bottom:1px solid #edf2f5}.incomplete-name{display:flex;align-items:center;gap:9px}.incomplete-name strong,.incomplete-name small{display:block}.incomplete-name strong{font-size:10px}.incomplete-name small{margin-top:3px;color:#8b9bab;font-size:7px}.incomplete-row label>span{display:block;margin-bottom:5px;color:#6f8395;font-size:8px}.incomplete-row input,.incomplete-row select{width:100%;height:37px;padding:0 9px;border:1px solid #dbe5ec;border-radius:8px;background:#fff;font-size:9px}.rejection-note{grid-column:1/-1;margin:0;padding:8px 10px;border-radius:7px;color:#a5465a;background:#fff2f5;font-size:8px}.summary-strip{display:flex;gap:1px;margin-bottom:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#e7eef3}.summary-strip>span{flex:1;min-height:60px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#708da2;font-size:10px}.summary-strip svg{color:var(--sky)}.summary-strip b{color:var(--navy);font-size:14px}.product-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.product-card{padding:19px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(23,54,80,.025)}.product-card-head{display:flex;align-items:center;gap:8px}.active-chip,.inactive-chip,.connected,.setup-chip,.manual-chip,.source-chip{display:inline-flex;align-items:center;padding:4px 7px;border-radius:20px;font-size:8px;font-weight:650}.active-chip,.connected{color:#148c6c;background:#eaf8f3}.inactive-chip{color:#718394;background:#edf2f5}.product-card h2{margin:14px 0 4px;font-size:14px}.product-card>p{margin:0;color:#899bab;font-size:9px}.stock-track{height:5px;margin-top:17px;overflow:hidden;border-radius:10px;background:#edf3f6}.stock-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sky),#35cdb8)}.stock-row{display:flex;justify-content:space-between;margin-top:6px;color:#8799aa;font-size:8px}.product-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 0}.product-card dl>div{padding:11px;border:1px solid #edf2f5;border-radius:9px;background:#fbfdfe}.product-card dt{color:#92a2b0;font-size:8px}.product-card dd{margin:5px 0 0;font-size:11px;font-weight:700}.sheet-status{display:flex;align-items:center;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid #edf2f5;color:#1a9d6e}.sheet-status svg{width:18px}.sheet-status strong,.sheet-status small{display:block}.sheet-status strong{font-size:8px}.sheet-status small{margin-top:3px;color:#92a2b0;font-size:7px}.card-actions{display:flex;align-items:center;gap:7px;margin-top:13px}.card-actions form{display:inline-flex}.table-panel{overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;min-width:850px;border-collapse:collapse}th{height:43px;padding:0 17px;color:#92a1ae;background:#f8fafc;border-bottom:1px solid var(--line);font-size:8px;text-transform:uppercase;letter-spacing:.5px;text-align:left}td{height:65px;padding:0 17px;border-bottom:1px solid #edf2f5;color:#61768b;font-size:9px}tr:last-child td{border-bottom:0}td>strong,td>small{display:block}td>strong{color:var(--navy);font-size:10px}td>small{margin-top:4px;color:#9aa9b6;font-size:7px}.person{display:flex;align-items:center;gap:8px;color:var(--navy-2);font-weight:600}.row-link{color:#159bd0;font-weight:650}.drawer-backdrop{position:fixed;inset:0;z-index:80;background:rgba(8,27,45,.42);backdrop-filter:blur(2px)}.sale-drawer{position:absolute;top:0;right:0;width:min(440px,94vw);height:100%;padding:26px;overflow-y:auto;background:#fff;box-shadow:-18px 0 50px rgba(8,27,45,.18)}.drawer-close{position:absolute;right:20px;top:18px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;font-size:22px}.sale-drawer h2{margin:0 0 5px;font-size:25px}.sale-drawer>p{margin:0;color:#7a8e9f;font-size:10px}.review-amount{display:flex;align-items:center;gap:10px;padding:15px;margin:18px 0;border:1px solid #d9e6ec;border-radius:11px;background:#f8fbfc}.review-amount small{color:#8194a5}.review-amount strong{margin-right:auto;font-size:17px}.proof-frame{height:240px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#edf3f6;position:relative}.proof-frame img{width:100%;height:100%;object-fit:contain}.proof-frame span{position:absolute;right:8px;bottom:8px;padding:7px 9px;border-radius:7px;background:rgba(255,255,255,.94);font-size:8px}.missing-proof{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #e4bd86;border-radius:11px;color:#c47a20;background:#fff9ef}.missing-proof svg{width:28px}.missing-proof strong{margin-top:8px;font-size:10px}.missing-proof small{color:#947045;font-size:8px}.review-details{margin:15px 0}.review-details>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf2f5;font-size:9px}.review-details dt{color:#7f91a1}.review-details dd{margin:0;font-weight:650}.drawer-form textarea{width:100%;min-height:80px;padding:10px;border:1px solid #dbe5ec;border-radius:8px;resize:vertical}.drawer-form label span{display:block;margin-bottom:6px;color:#60768a;font-size:9px}.drawer-form>div{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.team-list{overflow:hidden}.team-row{display:grid;grid-template-columns:28px 38px minmax(140px,1.2fr) .7fr .9fr .65fr auto;align-items:center;gap:12px;min-height:69px;padding:0 19px;border-bottom:1px solid #edf2f5}.team-name strong,.team-name small,.team-row>span>small,.team-row>span>strong{display:block}.team-name strong,.team-row>span>strong{font-size:10px}.team-name small,.team-row>span>small{margin-top:4px;color:#91a1af;font-size:8px}.presence{font-size:8px}.presence.active{color:var(--green)}.presence.suspended{color:var(--red)}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.integration-card{min-height:168px;display:grid;grid-template-columns:48px 1fr auto;align-items:start;gap:14px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.integration-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;font-size:18px;font-weight:800}.integration-icon.sheet{color:#118b67;background:#e8f8f2}.integration-icon.meta{color:#fff;background:linear-gradient(135deg,#1676f3,#774fe9)}.integration-icon.jazz{color:#fff;background:linear-gradient(135deg,#ef3a3a,#f29226)}.integration-icon.mail{color:#fff;background:linear-gradient(135deg,#2dbbe8,#1b8ddd)}.integration-title{display:flex;align-items:center;gap:8px}.integration-title h2{margin:0;font-size:14px}.integration-card p{max-width:430px;margin:10px 0 15px;color:#74899a;font-size:9px}.integration-card small{color:#94a3af;font-size:8px}.setup-chip{color:#b27324;background:#fff2df}.manual-chip{color:#6368c8;background:#f0efff}.source-chip{color:#5f7387;background:#eef3f6}.settings-layout{display:grid;grid-template-columns:190px 1fr;gap:16px}.settings-tabs{display:flex;flex-direction:column;gap:4px}.settings-tabs a{height:42px;display:flex;align-items:center;padding:0 12px;border-radius:9px;color:#6f8395;font-size:10px}.settings-tabs a.active,.settings-tabs a:hover{color:#0a91c8;background:#e9f8fe;font-weight:650}.settings-panel{padding:22px}.settings-section{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #edf2f5}.settings-section h2{margin:0 0 6px;font-size:15px}.settings-section>p{margin:0 0 18px;color:#8294a4;font-size:9px}.settings-section:last-child{margin-bottom:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid.three{grid-template-columns:repeat(3,1fr)}label{display:block}label>span{display:block;margin-bottom:7px;color:#5f7387;font-size:9px;font-weight:600}label>small{display:block;margin-top:5px;color:#8d9da9;font-size:7px}input,select,textarea{width:100%;min-height:40px;padding:0 11px;border:1px solid #dbe5ec;border-radius:8px;outline:0;background:#fff;color:var(--navy);font-size:10px}input:focus,select:focus,textarea:focus{border-color:#65c8ed;box-shadow:0 0 0 3px rgba(31,173,229,.09)}.settings-panel label{margin-bottom:14px}.password-form{padding-bottom:0;border-bottom:0}.account-card{display:flex;align-items:center;gap:16px;padding:22px;margin-bottom:16px}.account-card h2{margin:0 0 4px}.account-card p{margin:0;color:#7890a3;font-size:10px}.narrow-panel{max-width:650px}.modal-backdrop{position:fixed;inset:0;z-index:90;display:none;place-items:center;padding:20px;background:rgba(8,27,45,.58);backdrop-filter:blur(4px)}.modal-backdrop.open{display:grid}.modal-card{position:relative;width:min(515px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:21px;border:1px solid rgba(255,255,255,.4);border-radius:15px;background:#fff;box-shadow:0 26px 80px rgba(6,24,40,.3)}.modal-card h2{margin:0 0 5px;font-size:18px}.modal-card>p{margin:0 0 17px;color:#8294a4;font-size:9px}.modal-card form>label{margin-bottom:14px}.modal-close{position:absolute;right:15px;top:14px;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#718394;font-size:22px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:16px;margin-top:16px;border-top:1px solid #edf2f5}.info-note{padding:10px;border:1px solid #c9e6f2;border-radius:8px;color:#39758c;background:#f1fbff;font-size:8px}.manage-block{padding:16px 0;border-top:1px solid #edf2f5}.manage-block:first-of-type{margin-top:17px}.flash{position:relative;display:flex;align-items:flex-start;gap:10px;padding:11px 40px 11px 13px;margin-bottom:14px;border:1px solid #c9e6f2;border-radius:9px;color:#39758c;background:#f1fbff;font-size:10px}.flash.success{color:#14795f;border-color:#bfe4d8;background:#f2fcf8}.flash.error{color:#ae4259;border-color:#ecc1ca;background:#fff4f6}.flash button{position:absolute;right:8px;top:6px;border:0;background:transparent;color:inherit;font-size:18px}.empty-state{grid-column:1/-1;padding:32px;text-align:center;color:#8497a7;font-size:10px}.empty-state.compact{padding:22px}.toast-region{position:fixed;z-index:150;left:50%;bottom:24px;transform:translateX(-50%)}.toast-message{padding:11px 14px;border:1px solid #bfe4d8;border-radius:9px;color:#14795f;background:#f2fcf8;box-shadow:0 12px 34px rgba(23,54,80,.15);font-size:10px}.auth-body{min-height:100vh;background:#f5f9fc}.auth-shell,.setup-shell{min-height:100vh;display:grid;grid-template-columns:minmax(430px,1.15fr) minmax(430px,.85fr)}.auth-visual,.setup-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(34px,5vw,72px);overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 18%,rgba(49,191,239,.25),transparent 25%),linear-gradient(145deg,#0d2c49,#091b30)}.auth-visual:before,.setup-brand:before{content:"";position:absolute;width:480px;height:480px;right:-260px;bottom:-220px;border:1px solid rgba(61,203,244,.13);border-radius:50%;box-shadow:0 0 0 75px rgba(61,203,244,.035),0 0 0 150px rgba(61,203,244,.025)}.auth-logo{display:flex;align-items:center;gap:11px;position:relative;z-index:1}.auth-logo strong,.auth-logo small{display:block}.auth-logo strong{font-size:20px}.auth-logo small{margin-top:3px;color:#79b3ce;font-size:7px;letter-spacing:1.8px}.auth-message{position:relative;z-index:1;max-width:650px}.auth-message h1,.setup-brand h1{margin:0 0 20px;font-size:clamp(38px,5.2vw,72px);line-height:1.02;letter-spacing:-2.5px}.auth-message p,.setup-brand p{max-width:590px;margin:0;color:#a9c4d5;font-size:14px;line-height:1.85}.auth-proof{position:relative;z-index:1;display:flex;align-items:center;gap:11px}.proof-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#61d9ca;background:rgba(65,205,196,.12);border:1px solid rgba(97,217,202,.18)}.auth-proof strong,.auth-proof small{display:block}.auth-proof strong{font-size:10px}.auth-proof small{margin-top:3px;color:#7598af;font-size:8px}.auth-card{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,7vw,100px);background:#fff}.auth-card h2{margin:0 0 8px;font-size:clamp(27px,3vw,38px);letter-spacing:-1.2px}.auth-card>p{margin:0 0 23px;color:#758a9d;font-size:11px}.auth-card form label{margin-bottom:15px}.auth-card form input{height:46px}.form-meta{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 18px;font-size:9px}.form-meta a,.back-link{color:#0b95ce;font-weight:650}.check-label{display:flex!important;align-items:center;gap:7px;margin:0!important}.check-label input{width:14px;height:14px}.check-label span{margin:0}.back-link{display:block;margin-top:14px;text-align:center}.security-note{margin:24px 0 0!important;padding-top:16px;border-top:1px solid #edf2f5;color:#91a1af!important;font-size:8px!important;text-align:center}.otp-input{font-size:20px!important;letter-spacing:8px;text-align:center}.mobile-auth-logo{display:none}.setup-brand{justify-content:center;gap:24px}.setup-brand .auth-logo{position:absolute;left:clamp(34px,5vw,72px);top:45px}.setup-chip{align-self:flex-start;padding:7px 10px;border:1px solid rgba(76,199,239,.22);border-radius:20px;color:#87dbf4;background:rgba(45,185,232,.08);font-size:9px}.setup-brand h1{font-size:clamp(38px,4.5vw,64px)}.setup-brand ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:500px;padding:0;margin:8px 0 0;list-style:none}.setup-brand li{padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:#a9c4d5;background:rgba(255,255,255,.035);font-size:9px}.setup-card{justify-content:center}.setup-card form label{margin-bottom:13px}
@media(max-width:1180px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.profit-panel{display:grid;grid-template-columns:1fr 170px 1fr;align-items:center;gap:15px;min-height:auto}.integration-card{grid-template-columns:48px 1fr}.integration-card>.btn{grid-column:2;justify-self:start}.incomplete-row{grid-template-columns:1fr 1fr 1fr}.incomplete-name{grid-column:1/-1}.auth-shell,.setup-shell{grid-template-columns:1fr 1fr}.auth-card{padding:55px}.team-row{grid-template-columns:28px 38px minmax(140px,1.2fr) .7fr .9fr auto}.team-row .presence{display:none}}@media(max-width:920px){:root{--sidebar:0px}.crm-sidebar{width:248px;transform:translateX(-105%);transition:.25s ease;box-shadow:18px 0 45px rgba(6,24,40,.28)}body.sidebar-open .crm-sidebar{transform:translateX(0)}.crm-workspace{margin-left:0}.mobile-menu,.mobile-only{display:grid;place-items:center}.mobile-overlay{position:fixed;inset:0;z-index:45;border:0;background:rgba(7,24,40,.42);backdrop-filter:blur(2px)}body.sidebar-open .mobile-overlay{display:block}.crm-topbar{padding-inline:18px}.top-search{width:min(410px,52vw)}.crm-main{padding-inline:20px}.product-card-grid,.integration-grid,.employee-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-tabs{flex-direction:row;overflow:auto}.settings-tabs a{flex:0 0 auto}.auth-shell,.setup-shell{grid-template-columns:1fr}.auth-visual,.setup-brand{display:none}.auth-card{min-height:100vh;padding:clamp(28px,10vw,90px);max-width:650px;width:100%;margin:auto}.mobile-auth-logo{display:flex;align-items:center;gap:9px;margin-bottom:50px;color:var(--navy)}.mobile-auth-logo .logo-bars{transform:scale(.8);transform-origin:left center}.summary-strip{flex-wrap:wrap}.summary-strip>span{min-width:45%}}@media(max-width:680px){.crm-topbar{height:62px;gap:10px}.top-search{flex:1;width:auto}.top-search kbd,.role-chip,.top-avatar{display:none}.crm-main{padding:22px 14px 38px}.page-head{align-items:flex-start;flex-direction:column;gap:14px}.head-actions{width:100%;flex-wrap:wrap}.head-actions .btn{flex:1}.metrics-grid,.metrics-grid.three{grid-template-columns:1fr 1fr}.metric-card{min-height:142px;padding:15px}.profit-panel{display:block}.product-performance-list>div{grid-template-columns:24px 32px 1fr .45fr}.product-performance-list>div>span:nth-child(n+5){display:none}.product-choice-grid{grid-template-columns:1fr}.incomplete-row{grid-template-columns:1fr}.incomplete-name{grid-column:auto}.form-grid,.form-grid.three{grid-template-columns:1fr}.product-card-grid{grid-template-columns:1fr}.integration-card{grid-template-columns:42px 1fr;padding:16px}.integration-icon{width:42px;height:42px}.integration-card>.btn{grid-column:1/-1;width:100%}.team-row{grid-template-columns:26px 35px 1fr auto;padding:0 13px}.team-row>span:nth-child(n+4){display:none}.modal-backdrop{padding:8px}.modal-card{max-height:calc(100vh - 16px)}.generated-card{align-items:stretch;flex-direction:column}.bar-chart{gap:8px;padding-inline:0}.summary-strip{flex-direction:column}.summary-strip>span{min-width:100%;justify-content:flex-start;padding-left:18px}}@media(max-width:430px){.metrics-grid,.metrics-grid.three{grid-template-columns:1fr}.metric-card{min-height:130px}.top-search input::placeholder{color:transparent}.head-actions>*{width:100%}.auth-card{padding:24px}.auth-card h2{font-size:29px}.mobile-auth-logo{margin-bottom:38px}.drawer-form>div,.modal-actions{flex-direction:column}.drawer-form .btn,.modal-actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}