:root{--brand:#18a558;--brand-dark:#08743b;--brand-soft:#e9f9f0;--ink:#17211b;--muted:#708078;--line:#e4ebe7;--surface:#fff;--canvas:#f5f8f6;--danger:#e44d61;--amber:#d99118;--shadow:0 12px 36px rgba(25,65,43,.08);font-family:'Plus Jakarta Sans',sans-serif;color:var(--ink);background:var(--canvas)}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:24px 14px;overflow:auto;z-index:20}.logo{display:flex;align-items:center;gap:10px;padding:0 10px 28px;font:800 24px Manrope}.logo-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#21c36c,#087b40);color:#fff;box-shadow:0 8px 18px #19a65a42}.logo span:last-child{color:var(--brand)}.nav-label{padding:8px 12px;color:#99a59e;font-size:10px;font-weight:700;letter-spacing:.13em}.nav-item,.nav-group-title{display:flex;align-items:center;gap:11px;width:100%;border:0;background:none;border-radius:12px;padding:10px 12px;color:#435048;font-weight:600;text-align:left;cursor:pointer;margin:2px 0;transition:background .18s,color .18s,transform .18s}.nav-item:hover,.nav-group-title:hover{background:#f3f8f5;color:var(--brand-dark)}.nav-item:hover .nav-icon{transform:scale(1.06)}.nav-item.active{color:var(--brand-dark);background:var(--brand-soft);box-shadow:inset 3px 0 var(--brand)}.nav-icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;transition:transform .18s}.menu-svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-group-title>.nav-icon{color:#63736a}.nav-item.active .nav-icon{color:var(--brand);filter:drop-shadow(0 3px 5px rgba(24,165,88,.2))}.nav-group-title .chev{margin-left:auto;color:#9aa69f}.nav-children{margin-left:22px;border-left:1px solid var(--line);padding-left:7px}.nav-children .nav-item{font-size:13px;padding:9px 10px}.main{min-width:0}.trial{height:38px;display:flex;justify-content:center;align-items:center;gap:12px;background:#edf7ff;border-bottom:1px solid #cee5f5;color:#355566;font-size:13px}.trial button{border:1px solid #8fc3e7;color:#2078b4;background:#fff;border-radius:7px;padding:4px 9px;font-weight:700}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:18px;position:sticky;top:0;z-index:10}.search{max-width:440px;flex:1;display:flex;align-items:center;gap:10px;background:#f6f8f7;border:1px solid var(--line);border-radius:12px;padding:11px 14px}.search input{border:0;outline:0;background:transparent;width:100%;color:var(--ink)}.top-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.round,.primary{border:0;cursor:pointer}.round{width:39px;height:39px;border-radius:50%;background:var(--brand-soft);color:var(--brand-dark)}.primary{padding:11px 16px;border-radius:11px;background:linear-gradient(135deg,#1ab05e,#0b8845);color:#fff;font-weight:700;box-shadow:0 8px 18px #14a25732}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;background:#163f2a;font-weight:700}.content{padding:32px 34px 60px;max-width:1540px;margin:auto}.eyebrow{color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.page-head h1{font:800 clamp(26px,3vw,36px) Manrope;margin:4px 0 6px;letter-spacing:-.04em}.page-head p{color:var(--muted);margin:0}.head-actions{display:flex;gap:10px}.secondary{padding:10px 14px;border:1px solid var(--line);background:#fff;border-radius:10px;color:#45534a;font-weight:700}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 16px rgba(35,70,48,.035)}.stat{padding:20px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.stat-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--brand-soft);color:var(--brand-dark)}.stat strong{display:block;font:800 28px Manrope;margin-top:16px}.stat small{color:var(--muted)}.dashboard{grid-template-columns:1.7fr 1fr}.panel{padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-title h3{margin:0;font:700 16px Manrope}.chart{height:220px;display:flex;align-items:flex-end;gap:10px;padding-top:20px}.bar{flex:1;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#35c878,#0a9250);min-height:12px;opacity:.9}.activity{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.activity:last-child{border:0}.dot{width:9px;height:9px;border-radius:50%;background:var(--brand);margin-top:6px;box-shadow:0 0 0 5px var(--brand-soft)}.activity b{display:block;font-size:13px}.activity span{font-size:12px;color:var(--muted)}.toolbar{display:flex;flex-wrap:wrap;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.field{min-width:150px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#617067}.table-card{overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:14px 18px;background:#f8faf9;color:#7d8982;font-size:11px;letter-spacing:.06em}.table td{padding:16px 18px;border-top:1px solid var(--line);font-size:14px}.empty{padding:55px 20px;text-align:center}.empty-icon{display:grid;place-items:center;margin:0 auto 16px;width:58px;height:58px;border-radius:18px;background:var(--brand-soft);font-size:25px}.empty h3{font:700 18px Manrope;margin:0 0 6px}.empty p{color:var(--muted);margin:0 auto 20px;max-width:460px}.kanban{grid-template-columns:repeat(4,1fr)}.kanban-col{background:#edf2ef;border-radius:16px;padding:14px;min-height:300px}.kanban-title{display:flex;justify-content:space-between;font-weight:700}.count{font-size:12px;background:#fff;padding:2px 8px;border-radius:20px}.welcome{padding:28px;background:linear-gradient(120deg,#0d683a,#17a75a);color:#fff;overflow:hidden;position:relative}.welcome:after{content:'';position:absolute;width:270px;height:270px;border:55px solid #74e6a2;border-radius:50%;right:-90px;top:-130px;opacity:.2}.welcome h2{font:800 28px Manrope;margin:0 0 7px}.welcome p{margin:0;opacity:.8}.shortcuts{grid-template-columns:repeat(4,1fr);margin:18px 0}.shortcut{padding:18px;display:flex;align-items:center;gap:12px;font-weight:700;cursor:pointer;transition:.2s}.shortcut:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.shortcut span:first-child{font-size:22px}.progress{height:7px;background:#e9eeeb;border-radius:9px;overflow:hidden;margin:12px 0}.progress i{display:block;height:100%;background:var(--brand);width:20%}.conversation{display:grid;grid-template-columns:320px 1fr;min-height:590px;overflow:hidden}.ticket-list{border-right:1px solid var(--line)}.ticket-tabs{display:flex;gap:4px;padding:14px}.ticket-tabs button{flex:1;border:0;border-radius:9px;padding:8px;background:#f4f7f5}.chat-empty{display:grid;place-items:center;text-align:center;color:var(--muted)}.mobile-menu{display:none}.toast{position:fixed;right:24px;bottom:24px;padding:13px 17px;background:#173c29;color:#fff;border-radius:12px;box-shadow:var(--shadow);z-index:100;animation:toast 2.8s both}@keyframes toast{0%{transform:translateY(20px);opacity:0}10%,85%{transform:none;opacity:1}100%{opacity:0}}
@media(max-width:1050px){.shell{grid-template-columns:82px 1fr}.sidebar{padding-inline:8px}.logo{justify-content:center}.logo-text,.nav-item span:not(.nav-icon),.nav-group-title span:not(.nav-icon),.nav-label,.chev,.nav-children{display:none}.nav-item,.nav-group-title{justify-content:center}.stats{grid-template-columns:repeat(2,1fr)}.shortcuts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.shell{display:block}.sidebar{display:none}.topbar{padding:0 16px}.content{padding:24px 16px}.mobile-menu{display:block}.search{display:none}.trial{font-size:11px}.stats,.dashboard,.kanban,.shortcuts{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.conversation{grid-template-columns:1fr}.ticket-list{display:none}.table-card{overflow:auto}.top-actions .round:nth-child(-n+2){display:none}}

/* Menu interactions */
.nav-item,.nav-group-title{position:relative;overflow:hidden;text-decoration:none;isolation:isolate;letter-spacing:-.012em}
.nav-item::before,.nav-group-title::before{content:'';position:absolute;inset:0;border-radius:12px;background:linear-gradient(105deg,rgba(24,165,88,.11),rgba(89,219,145,.03));opacity:0;transform:translateX(-14px);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1);z-index:-1}
.nav-item::after{content:'';position:absolute;left:0;top:50%;width:3px;height:0;border-radius:0 5px 5px 0;background:linear-gradient(180deg,#2bd477,#078743);transform:translateY(-50%);transition:height .22s ease;box-shadow:0 0 12px rgba(24,165,88,.38)}
.nav-item:hover,.nav-group-title:hover{transform:translateX(3px);box-shadow:0 7px 18px rgba(17,104,57,.07)}
.nav-item:hover::before,.nav-group-title:hover::before{opacity:1;transform:translateX(0)}
.nav-item:hover::after{height:44%}
.nav-item:active,.nav-group-title:active{transform:translateX(2px) scale(.975);transition-duration:.07s}
.nav-item.active{box-shadow:0 8px 20px rgba(20,143,75,.1);font-weight:700;text-decoration:none}
.nav-item.active::before{opacity:1;transform:none;background:linear-gradient(105deg,rgba(24,165,88,.14),rgba(110,230,162,.06))}
.nav-item.active::after{height:58%}
.nav-item .nav-icon,.nav-group-title .nav-icon{border-radius:8px;transition:color .2s ease,background .2s ease,transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease}
.nav-item:hover .nav-icon,.nav-group-title:hover .nav-icon{color:var(--brand);background:rgba(24,165,88,.1);transform:rotate(-3deg) scale(1.08);box-shadow:0 4px 10px rgba(24,165,88,.12)}
.nav-item.active .nav-icon{background:#fff;color:var(--brand);box-shadow:0 5px 13px rgba(17,132,68,.14)}
.nav-item span:last-child,.nav-group-title span:nth-child(2){transition:color .2s ease,transform .2s ease}
.nav-group-title .chev{transition:transform .25s ease,color .2s ease}
.nav-group-title:hover .chev{color:var(--brand);transform:translateY(2px)}
.nav-children{transition:opacity .22s ease,transform .22s ease}
.nav-label{font-weight:800;letter-spacing:.16em;color:#8d9b93}
.menu-ripple{position:absolute;border-radius:50%;background:rgba(24,165,88,.2);transform:scale(0);animation:menuRipple .5s ease-out;pointer-events:none;z-index:2}
@keyframes menuRipple{to{transform:scale(3.5);opacity:0}}

/* Dashboard */
.dashboard-view{animation:dashboardEnter .48s cubic-bezier(.2,.8,.2,1) both}.dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.dashboard-hero h1{font:800 clamp(28px,3vw,38px) Manrope;margin:5px 0 5px;letter-spacing:-.045em}.dashboard-hero p,.panel-title p{margin:0;color:var(--muted);font-size:13px}.dashboard-controls{display:flex;align-items:center;gap:9px}.icon-button{width:43px;height:43px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#5b6961;font-size:18px;cursor:pointer;transition:.2s}.icon-button:hover{color:var(--brand);border-color:#a8d9bd;transform:rotate(25deg)}.period-button{min-width:190px;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:13px;font-weight:700;text-align:left;cursor:pointer;box-shadow:0 3px 10px rgba(30,73,48,.03);transition:.2s}.period-button:hover{border-color:#acd9bf;box-shadow:0 8px 22px rgba(22,113,63,.08)}.period-button small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.period-button b{margin-left:auto}.calendar-mini{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--brand-soft);color:var(--brand)}.insight-banner{display:flex;align-items:center;gap:13px;margin-bottom:17px;padding:13px 16px;border:1px solid #caebd8;border-radius:14px;background:linear-gradient(100deg,#f1fbf5,#fbfefc);color:#21482f}.insight-spark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#dff7e8;color:var(--brand);font-size:17px}.insight-banner b,.insight-banner span{display:block;font-size:13px}.insight-banner div span{color:#718078;font-size:11px;margin-top:2px}.insight-banner a{margin-left:auto;color:var(--brand-dark);font-size:12px;font-weight:800;text-decoration:none}.insight-banner a span{display:inline;transition:.2s}.insight-banner a:hover span{margin-left:4px}.dashboard-stats{gap:14px}.dashboard-stats .stat{position:relative;overflow:hidden;min-height:155px;animation:metricEnter .45s var(--delay) cubic-bezier(.2,.8,.2,1) both;transition:transform .25s,box-shadow .25s,border-color .25s}.dashboard-stats .stat:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(22,72,43,.1);border-color:#cee2d6}.metric-line{display:flex;align-items:center;gap:11px}.metric-line .trend{padding:3px 7px;border-radius:20px;background:#f2f5f3;color:#87928c;font-size:10px;font-weight:700}.metric-glow{position:absolute;width:100px;height:100px;right:-40px;bottom:-48px;border-radius:50%;background:var(--accent,#23b66a);filter:blur(1px);opacity:.08}.metric-positive{--accent:#19a75b}.metric-info{--accent:#3288df}.metric-warning{--accent:#eaa72d}.metric-violet{--accent:#8a63dc}.metric-info .stat-icon{background:#edf6ff;color:#287ac6}.metric-warning .stat-icon{background:#fff6e4;color:#c8840f}.metric-violet .stat-icon{background:#f3efff;color:#7854c6}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(310px,.75fr);gap:16px;margin-bottom:16px}.dashboard-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-heading{align-items:flex-start}.chart-legend{display:flex;gap:14px;color:var(--muted);font-size:10px}.chart-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:7px;height:7px;border-radius:50%}.legend-dot.received{background:#1bb565}.legend-dot.resolved{background:#b9e9cd}.chart-wrap{height:260px;display:grid;grid-template-columns:30px 1fr;gap:10px}.chart-scale{display:flex;flex-direction:column;justify-content:space-between;padding:3px 0 22px;color:#9ba69f;font-size:9px;text-align:right}.chart-grid{display:flex;gap:9px;align-items:stretch;padding-top:3px;background:repeating-linear-gradient(to bottom,#edf1ef 0,#edf1ef 1px,transparent 1px,transparent 25%)}.chart-column{flex:1;display:flex;min-width:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar-pair{height:225px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.bar-pair .bar{flex:none;width:min(35%,12px);min-height:3px;transform-origin:bottom;animation:barGrow .7s cubic-bezier(.2,.8,.2,1) both;transition:filter .2s,transform .2s}.received-bar{background:linear-gradient(180deg,#32cd7d,#0c9952)}.resolved-bar{background:#bfead1}.chart-column:hover .bar{filter:saturate(1.2);transform:scaleX(1.14)}.chart-column>span{color:#8c9891;font-size:9px}.health-panel .panel-title{align-items:flex-start}.live-badge{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;background:#eefaf3;color:#21844d;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.live-badge i{width:6px;height:6px;border-radius:50%;background:#24b766;box-shadow:0 0 0 4px #d8f4e4;animation:pulse 1.8s infinite}.health-score{display:flex;align-items:center;gap:14px;margin:4px 0 14px;padding:14px;border-radius:14px;background:linear-gradient(125deg,#f2fbf6,#f9fcfa)}.score-ring{width:61px;height:61px;flex:0 0 61px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--brand) 0 100%,#e4ece7 0);position:relative}.score-ring:before{content:'';position:absolute;inset:6px;border-radius:50%;background:#fff}.score-ring span{position:relative;font:800 17px Manrope}.score-ring small{font-size:8px}.health-score>div:last-child b,.health-score>div:last-child span{display:block}.health-score>div:last-child b{font-size:13px}.health-score>div:last-child span{color:var(--muted);font-size:10px;margin-top:3px}.health-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.health-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#eef9f3;color:var(--brand)}.health-row>div:nth-child(2){flex:1}.health-row span,.health-row small{display:block}.health-row span{font-size:11px;font-weight:700}.health-row small{color:var(--muted);font-size:9px;margin-top:2px}.health-row strong{font:700 13px Manrope}.text-button{border:0;background:none;color:var(--brand-dark);font-size:11px;font-weight:800;cursor:pointer}.channel-empty,.team-empty{min-height:130px;display:flex;align-items:center;justify-content:center;gap:18px;padding:12px}.donut{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#d9f2e3 0 25%,#eef3f0 25% 100%);position:relative}.donut:before{content:'';position:absolute;inset:10px;background:#fff;border-radius:50%}.donut span{position:relative;text-align:center;font:800 19px Manrope}.donut small{display:block;color:var(--muted);font:500 8px Plus Jakarta Sans;text-transform:uppercase}.channel-empty>div:last-child,.team-empty>div:last-child{max-width:250px}.channel-empty b,.channel-empty span,.team-empty b,.team-empty span{display:block}.channel-empty b,.team-empty b{font-size:12px}.channel-empty>div:last-child span,.team-empty>div:last-child span{color:var(--muted);font-size:10px;line-height:1.6;margin-top:4px}.team-avatars{display:flex}.team-avatars i{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#17482e;color:#fff;border:3px solid #fff;font-style:normal;font-weight:800}.team-avatars i+ i{margin-left:-10px;background:#e6f7ed;color:var(--brand)}
@keyframes dashboardEnter{from{opacity:0;transform:translateY(8px)}}@keyframes metricEnter{from{opacity:0;transform:translateY(12px)}}@keyframes barGrow{from{transform:scaleY(0)}}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(36,183,102,0)}}
@media(max-width:1150px){.dashboard-main-grid{grid-template-columns:1fr}.dashboard-bottom-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.dashboard-hero{align-items:flex-start;flex-direction:column}.dashboard-controls{width:100%}.period-button{flex:1}.insight-banner a{display:none}.dashboard-main-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.chart-grid{gap:4px}.chart-legend{display:none}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-stats .stat{min-height:140px}.channel-empty,.team-empty{min-height:105px}}
@media(prefers-reduced-motion:reduce){.dashboard-view,.dashboard-stats .stat,.bar-pair .bar,.live-badge i{animation:none!important}.dashboard-stats .stat:hover{transform:none}}

/* Dashboard Pro + color themes */
:root{--app-bg:#f3f6f5;--panel:#fff;--panel-2:#f7f9f8;--text:#17201b;--subtext:#708078;--border:#e2e9e5;--accent:#14a85a;--accent-2:#08743b;--topbar:rgba(255,255,255,.92);--card-shadow:0 1px 2px rgba(16,43,28,.035),0 9px 30px rgba(16,43,28,.045)}
:root[data-theme="dark"]{--app-bg:#0b110e;--panel:#111a15;--panel-2:#16221b;--text:#eff7f2;--subtext:#87998e;--border:#243229;--accent:#2bc875;--accent-2:#77e7a8;--topbar:rgba(13,20,16,.92);--card-shadow:0 12px 35px rgba(0,0,0,.22);--surface:var(--panel);--canvas:var(--app-bg);--ink:var(--text);--muted:var(--subtext);--line:var(--border);--brand:#2bc875;--brand-dark:#77e7a8;--brand-soft:#163423}
body,.main{background:var(--app-bg);color:var(--text);transition:background .3s,color .3s}.sidebar,.topbar,.card,.period-button,.secondary,.field{background-color:var(--panel);border-color:var(--border);color:var(--text)}.topbar{background:var(--topbar);backdrop-filter:blur(14px)}.search{background:var(--panel-2);border-color:var(--border)}.search input{color:var(--text)}.theme-toggle{position:relative}.theme-toggle span{position:absolute;inset:0;display:grid;place-items:center;transition:.25s}.theme-toggle .moon-icon{opacity:0;transform:rotate(-45deg) scale(.6)}[data-theme="dark"] .theme-toggle .sun-icon{opacity:0;transform:rotate(45deg) scale(.6)}[data-theme="dark"] .theme-toggle .moon-icon{opacity:1;transform:none}[data-theme="dark"] .logo,[data-theme="dark"] .nav-item,[data-theme="dark"] .nav-group-title{color:var(--text)}[data-theme="dark"] .nav-item:hover,[data-theme="dark"] .nav-group-title:hover{background:#18271e}[data-theme="dark"] .trial{background:#111f28;border-color:#203541;color:#a8c7d9}[data-theme="dark"] .trial button{background:#172a34;color:#8bc7e8;border-color:#31546a}
.dash-pro{max-width:1440px;margin:0 auto;color:var(--text)}.dash-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.dash-kicker{display:block;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.15em;margin-bottom:8px}.dash-title h1{font:800 clamp(27px,2.8vw,38px) Manrope;margin:0 0 6px;letter-spacing:-.045em}.dash-title p{margin:0;color:var(--subtext);font-size:13px}.dash-actions{display:flex;gap:9px}.dash-export,.dash-period{height:44px;border:1px solid var(--border);border-radius:11px;background:var(--panel);color:var(--text);cursor:pointer;transition:.2s}.dash-export{padding:0 15px;font-weight:700}.dash-period{min-width:210px;display:flex;align-items:center;gap:10px;padding:6px 12px;text-align:left;font-size:12px;font-weight:700}.dash-period span{flex:1}.dash-period small{display:block;color:var(--subtext);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.dash-export:hover,.dash-period:hover{border-color:var(--accent);box-shadow:0 8px 20px rgba(19,166,88,.08);transform:translateY(-1px)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.pro-card{background:var(--panel);border:1px solid var(--border);border-radius:15px;box-shadow:var(--card-shadow)}.pro-metric{position:relative;min-height:160px;padding:18px 19px;overflow:hidden;animation:metricEnter .45s var(--delay) both;transition:.25s}.pro-metric:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--metric) 35%,var(--border));box-shadow:0 13px 30px rgba(16,55,32,.09)}.pro-metric.green{--metric:#14aa5c}.pro-metric.blue{--metric:#3f86e8}.pro-metric.amber{--metric:#e89b26}.pro-metric.purple{--metric:#9168df}.metric-head{display:flex;align-items:center;justify-content:space-between;color:var(--subtext);font-size:11px;font-weight:600}.metric-head i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--metric) 11%,transparent);color:var(--metric);font-style:normal;font-size:13px}.pro-metric>strong{display:block;font:800 27px Manrope;letter-spacing:-.04em;margin:13px 0 5px}.metric-foot{display:flex;align-items:center;gap:6px;font-size:9px}.metric-foot b{color:var(--metric)}.metric-foot span{color:var(--subtext)}.pro-metric>svg{position:absolute;right:-2px;bottom:0;width:48%;height:36px;opacity:.5}.pro-metric>svg path{fill:none;stroke:var(--metric);stroke-width:2;vector-effect:non-scaling-stroke}.pro-grid-main{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,.65fr);gap:14px;margin-bottom:14px}.pro-grid-bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.analytics-card,.channel-card,.team-card,.sla-card{padding:21px}.pro-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:19px}.pro-card-head h2{font:700 14px Manrope;margin:0 0 4px}.pro-card-head p{color:var(--subtext);font-size:10px;margin:0}.chart-tabs{display:flex;padding:3px;background:var(--panel-2);border-radius:8px}.chart-tabs button{border:0;border-radius:6px;background:none;color:var(--subtext);padding:6px 10px;font-size:9px;font-weight:700;cursor:pointer}.chart-tabs button.active{background:var(--panel);color:var(--text);box-shadow:0 2px 7px rgba(20,50,32,.08)}.line-chart{height:264px;display:grid;grid-template-columns:28px 1fr;gap:8px}.y-labels{display:flex;flex-direction:column;justify-content:space-between;padding:3px 0 25px;color:var(--subtext);font-size:8px;text-align:right}.line-stage{position:relative;background:repeating-linear-gradient(to bottom,var(--border) 0,var(--border) 1px,transparent 1px,transparent 25%)}.line-stage>svg{width:100%;height:230px;overflow:visible}.line-stage .area{fill:url(#areaGreen)}.line-stage .line{fill:none;vector-effect:non-scaling-stroke;stroke-width:2.2;stroke-linecap:round}.primary-line{stroke:var(--accent)}.secondary-line{stroke:#a6dabb;stroke-dasharray:4 5}.points circle{fill:var(--panel);stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.x-labels{display:flex;justify-content:space-between;color:var(--subtext);font-size:8px}.chart-tooltip{position:absolute;right:14%;top:13px;padding:9px 11px;border-radius:9px;background:#14231a;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.17);font-size:9px;animation:tooltipFloat 3s ease-in-out infinite}.chart-tooltip:after{content:'';position:absolute;left:50%;bottom:-5px;width:9px;height:9px;background:#14231a;transform:rotate(45deg)}.chart-tooltip small,.chart-tooltip b,.chart-tooltip span{display:block;position:relative;z-index:1}.chart-tooltip small{opacity:.62}.chart-tooltip b{font-size:10px;margin:3px 0}.chart-tooltip span{color:#65dc99;font-size:8px}.pro-legend{display:flex;gap:20px;padding-left:35px;margin-top:3px;font-size:9px;color:var(--subtext)}.pro-legend span{display:flex;align-items:center;gap:5px}.pro-legend i{width:7px;height:7px;border-radius:50%}.green-dot{background:var(--accent)}.soft-dot{background:#a6dabb}.pro-legend b{color:var(--text);margin-left:3px}.more-button,.link-button{border:0;background:none;color:var(--subtext);cursor:pointer}.link-button{color:var(--accent);font-size:9px;font-weight:800}.channel-donut{display:grid;place-items:center;margin:8px 0 19px}.donut-pro{width:140px;height:140px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#20b967 0 68%,#5b8def 68% 87%,#e7a342 87% 100%);position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.02)}.donut-pro:before{content:'';position:absolute;inset:16px;border-radius:50%;background:var(--panel)}.donut-pro span{position:relative;text-align:center}.donut-pro strong,.donut-pro small{display:block}.donut-pro strong{font:800 20px Manrope}.donut-pro small{color:var(--subtext);font-size:8px;text-transform:uppercase}.channel-list{display:grid;gap:10px}.channel-list>div{display:grid;grid-template-columns:8px 1fr auto 32px;gap:8px;align-items:center;font-size:9px}.channel-list i{width:7px;height:7px;border-radius:50%}.channel-list .whatsapp{background:#20b967}.channel-list .instagram{background:#5b8def}.channel-list .webchat{background:#e7a342}.channel-list b{font-size:10px}.channel-list small{color:var(--subtext);text-align:right}.agent-table{display:grid}.agent-row{display:grid;grid-template-columns:1fr 90px 70px;align-items:center;border-top:1px solid var(--border);padding:10px 0;font-size:10px}.agent-row>div{display:flex;align-items:center;gap:10px}.agent-row em{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e4f6eb;color:#128448;font-style:normal;font-size:8px;font-weight:800}.agent-row .avatar-1{background:#eaf1fc;color:#3976c9}.agent-row .avatar-2{background:#f3edfc;color:#7b52c4}.agent-row>div span b,.agent-row>div span small{display:block}.agent-row>div span small{color:var(--subtext);font-size:8px;margin-top:2px}.agent-labels{color:var(--subtext);font-size:8px;text-transform:uppercase;letter-spacing:.06em;padding-top:0;border:0}.agent-row>strong{font-size:10px}.csat{padding:4px 6px;border-radius:6px;background:#eef9f2;color:#16834a;font-size:8px;font-weight:800;width:max-content}.status-pill{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;background:#ecf9f1;color:#168149;font-size:8px;font-weight:800}.status-pill i{width:5px;height:5px;background:#20b967;border-radius:50%;box-shadow:0 0 0 3px #d3f1df}.sla-row{display:grid;grid-template-columns:1fr 110px 85px;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--border)}.sla-row>div:first-child span,.sla-row>div:first-child b{display:block}.sla-row>div:first-child span{font-size:9px;color:var(--subtext)}.sla-row>div:first-child b{font:700 12px Manrope;margin-top:3px}.sla-track{height:5px;background:var(--panel-2);border-radius:10px;overflow:hidden}.sla-track i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#159d56,#37ca7b)}.sla-row small{color:var(--accent);font-size:8px;text-align:right}@keyframes tooltipFloat{50%{transform:translateY(-4px)}}
.sidebar-overlay{display:none}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.pro-grid-main{grid-template-columns:1fr}.channel-card{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.channel-card .pro-card-head{grid-column:1/-1}.channel-donut{margin:0}.channel-list{align-content:center}.pro-grid-bottom{grid-template-columns:1fr}}
@media(max-width:700px){.trial{height:auto;min-height:34px;padding:7px 12px;text-align:center}.trial button{display:none}.topbar{height:64px}.top-actions .primary,.help-button{display:none}.sidebar{display:block;position:fixed;left:0;top:0;width:270px;transform:translateX(-105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:20px 0 50px rgba(0,0,0,.15)}.menu-open .sidebar{transform:none}.sidebar-overlay{display:block;position:fixed;inset:0;border:0;background:rgba(4,13,8,.48);backdrop-filter:blur(2px);z-index:15;opacity:0;visibility:hidden;transition:.25s}.menu-open .sidebar-overlay{opacity:1;visibility:visible}.content{padding:22px 14px 40px}.dash-title{display:block}.dash-title p{line-height:1.5}.dash-actions{margin-top:18px}.dash-period{min-width:0;flex:1}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.pro-metric{min-height:145px;padding:15px}.pro-metric>strong{font-size:23px}.metric-foot span{display:none}.analytics-card,.channel-card,.team-card,.sla-card{padding:16px}.chart-tabs{display:none}.line-chart{height:220px}.line-stage>svg{height:190px}.chart-tooltip{display:none}.channel-card{display:block}.channel-donut{margin-bottom:18px}.agent-row{grid-template-columns:1fr 55px 55px}.sla-row{grid-template-columns:1fr 85px}.sla-row small{display:none}.pro-legend{padding-left:0}.dash-export span{display:none}}
@media(max-width:420px){.metric-grid{grid-template-columns:1fr}.pro-metric{min-height:125px}.dash-period{font-size:10px}.dash-title h1{font-size:27px}.agent-row{grid-template-columns:1fr 48px}.agent-row>.csat,.agent-labels span:last-child{display:none}}
[data-theme="dark"] .chart-tabs button.active,[data-theme="dark"] .donut-pro:before{background:var(--panel)}[data-theme="dark"] .csat,[data-theme="dark"] .status-pill{background:#173523;color:#66dc9a}[data-theme="dark"] .pro-metric:hover{box-shadow:0 15px 35px rgba(0,0,0,.32)}

/* Resolve legacy responsive rules for the mobile drawer */
@media(max-width:700px){
  .top-actions .theme-toggle{display:grid!important}
  .top-actions{gap:8px}
  .sidebar .logo-text{display:inline!important}
  .sidebar .logo{justify-content:flex-start}
  .sidebar .nav-label{display:block!important}
  .sidebar .nav-item,.sidebar .nav-group-title{justify-content:flex-start}
  .sidebar .nav-item span:not(.nav-icon),.sidebar .nav-group-title span:not(.nav-icon){display:inline!important}
  .sidebar .nav-group-title .chev{display:inline!important}
  .sidebar .nav-children{display:block;margin-left:22px!important}
  .sidebar{padding:20px 14px;z-index:30}
  .sidebar-overlay{z-index:25}
  body.menu-open{overflow:hidden}
}
[data-theme="dark"] .content{background:var(--app-bg)}
[data-theme="dark"] .dash-export,[data-theme="dark"] .dash-period{background:var(--panel);color:var(--text)}
[data-theme="dark"] .line-stage{background:repeating-linear-gradient(to bottom,var(--border) 0,var(--border) 1px,transparent 1px,transparent 25%)}

.workspace-wordmark {
  display: block;
  width: min(100%, 218px);
  height: auto;
  object-fit: contain;
}

.workspace-icon {
  display: none;
  width: 42px;
  height: 42px;
  object-fit: contain;
}

@media (max-width: 1050px) {
  .workspace-wordmark { display: none; }
  .workspace-icon { display: block; }
}

@media (max-width: 700px) {
  .workspace-wordmark { display: block; width: min(100%, 218px); }
  .workspace-icon { display: none; }
}

[data-theme="dark"] .workspace-wordmark {
  content: url("./gitnexus-wordmark-dark-v3.png");
}

[data-theme="dark"] .workspace-icon {
  content: url("./gitnexus-icon-dark-v2.png");
}

/* Premium home */
.home-pro{max-width:1440px;margin:0 auto;color:var(--text)}.home-hero{min-height:440px;position:relative;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:28px;padding:52px 48px;overflow:hidden;border-radius:22px;background:linear-gradient(125deg,#092c1b 0%,#0b4d2c 52%,#08743c 100%);box-shadow:0 20px 55px rgba(5,73,37,.18);color:#fff}.hero-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.orb-one{width:340px;height:340px;right:-100px;top:-130px;background:radial-gradient(circle,rgba(72,236,143,.27),transparent 69%)}.orb-two{width:260px;height:260px;left:34%;bottom:-180px;background:radial-gradient(circle,rgba(97,222,155,.2),transparent 68%)}.hero-copy{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(149,241,188,.25);border-radius:20px;background:rgba(255,255,255,.075);color:#c9f4db;font-size:9px;font-weight:700;letter-spacing:.03em;backdrop-filter:blur(8px)}.hero-badge i{width:6px;height:6px;border-radius:50%;background:#54e590;box-shadow:0 0 0 5px rgba(84,229,144,.12)}.hero-copy h1{max-width:590px;font:800 clamp(31px,3.35vw,48px)/1.08 Manrope;margin:19px 0 14px;letter-spacing:-.052em}.hero-copy h1 em{color:#8ceab4;font-style:normal}.hero-copy>p{max-width:520px;color:#b8d6c5;font-size:13px;line-height:1.75;margin:0}.hero-actions{display:flex;gap:10px;margin-top:25px}.hero-actions a{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border-radius:10px;font-size:11px;font-weight:800;text-decoration:none;transition:.22s}.hero-primary{background:#fff;color:#0b5c32;box-shadow:0 8px 25px rgba(0,0,0,.14)}.hero-primary:hover{transform:translateY(-2px);box-shadow:0 11px 30px rgba(0,0,0,.2)}.hero-primary span{transition:.2s}.hero-primary:hover span{transform:translateX(3px)}.hero-secondary{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff}.hero-secondary:hover{background:rgba(255,255,255,.11)}.hero-proof{display:flex;align-items:center;gap:11px;margin-top:28px}.proof-avatars{display:flex}.proof-avatars i{width:29px;height:29px;display:grid;place-items:center;margin-left:-6px;border:2px solid #145f38;border-radius:50%;background:#daf7e6;color:#08733d;font:800 7px Manrope}.proof-avatars i:first-child{margin-left:0}.hero-proof>span:last-child b,.hero-proof>span:last-child small{display:block}.hero-proof>span:last-child b{font-size:9px}.hero-proof>span:last-child small{color:#a6cbb7;font-size:8px;margin-top:2px}.hero-visual{position:relative;z-index:2;perspective:1000px}.visual-window{overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(247,252,249,.97);box-shadow:0 30px 60px rgba(0,0,0,.3);color:#1d2922;transform:rotateY(-3deg) rotateX(1deg)}.visual-top{height:36px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid #e0e9e4;background:#fff;font-size:7px}.visual-top>span{display:flex;gap:4px}.visual-top>span i{width:5px;height:5px;border-radius:50%;background:#ff806f}.visual-top>span i:nth-child(2){background:#ffc157}.visual-top>span i:nth-child(3){background:#48c779}.visual-top b{margin:auto;color:#66756c}.visual-top em{color:#8a9890}.visual-body{height:275px;display:grid;grid-template-columns:37px 155px 1fr}.visual-body>aside{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:17px;background:#0d3823}.visual-body>aside i{width:13px;height:13px;border-radius:4px;background:rgba(255,255,255,.18)}.visual-body>aside i:first-child{background:#38d27c;box-shadow:0 0 0 4px rgba(56,210,124,.15)}.visual-list{padding:10px 8px;border-right:1px solid #e7ede9;background:#fbfcfb}.visual-search{display:block;height:22px;margin-bottom:8px;border-radius:6px;background:#eef3f0}.visual-contact{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:7px;padding:8px 6px;border-radius:7px}.visual-contact.selected{background:#e6f6ec}.visual-contact>b,.chat-user>b{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#ccefd9;color:#08713b;font-size:8px}.visual-contact span strong,.visual-contact span small{display:block}.visual-contact span strong{font-size:7px}.visual-contact span small{max-width:80px;overflow:hidden;color:#87948d;font-size:6px;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.visual-contact em{align-self:start;color:#86938b;font-size:5px;font-style:normal}.visual-chat{display:grid;grid-template-rows:44px 1fr 36px;background:#f6f8f7}.chat-user{display:flex;align-items:center;gap:7px;padding:8px 10px;border-bottom:1px solid #e6ece8;background:#fff}.chat-user span strong,.chat-user span small{display:block}.chat-user span strong{font-size:7px}.chat-user span small{color:#6f7f75;font-size:5px;margin-top:3px}.chat-user span small i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#22bc68}.chat-space{display:flex;flex-direction:column;gap:7px;padding:12px 10px}.bubble{max-width:70%;padding:7px 9px;border-radius:8px;font-size:6px;box-shadow:0 2px 5px rgba(20,54,33,.04)}.bubble.in{background:#fff;border-bottom-left-radius:2px}.bubble.out{align-self:flex-end;background:#d8f5e4;border-bottom-right-radius:2px}.ai-suggestion{display:flex;align-items:center;gap:6px;margin-top:auto;padding:7px;border:1px solid #d7e9df;border-radius:7px;background:#fff}.ai-suggestion>i{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#e7f7ed;color:#14a85a;font-style:normal}.ai-suggestion span{flex:1}.ai-suggestion span b,.ai-suggestion span small{display:block}.ai-suggestion span b{font-size:6px;color:#169253}.ai-suggestion span small{font-size:5px;color:#718078;margin-top:2px}.ai-suggestion button{border:0;border-radius:5px;background:#149d55;color:#fff;padding:4px 6px;font-size:5px}.chat-input{margin:5px 9px 7px;padding:7px 9px;border:1px solid #dfe8e3;border-radius:7px;background:#fff;color:#98a39c;font-size:6px}.chat-input b{float:right;color:#18a558}.floating-card{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(255,255,255,.7);border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 15px 30px rgba(0,0,0,.18);color:#183022;backdrop-filter:blur(9px);animation:floatCard 4s ease-in-out infinite}.floating-card>i{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#dff7e8;color:#0e9d52;font-style:normal;font-size:10px}.floating-card b,.floating-card small{display:block}.floating-card b{font:800 10px Manrope}.floating-card small{color:#748279;font-size:6px;margin-top:2px}.float-top{right:-15px;top:-22px}.float-bottom{left:-24px;bottom:-21px;animation-delay:-2s}.home-section{padding:43px 0 18px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.section-kicker{color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.14em}.section-heading h2,.home-panel-head h2{font:700 19px Manrope;margin:5px 0 4px;letter-spacing:-.025em}.section-heading p{color:var(--subtext);font-size:10px;margin:0}.section-heading>a{color:var(--accent);font-size:9px;font-weight:800;text-decoration:none}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature-card{position:relative;display:block;min-height:175px;padding:18px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--card-shadow);color:var(--text);text-decoration:none;transition:.25s}.feature-card:before{content:'';position:absolute;right:-42px;top:-42px;width:100px;height:100px;border-radius:50%;background:var(--feature);opacity:.06;transition:.3s}.feature-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--feature) 30%,var(--border));box-shadow:0 16px 35px rgba(19,60,37,.09)}.feature-card:hover:before{transform:scale(1.35);opacity:.1}.feature-card.green{--feature:#16aa5c}.feature-card.blue{--feature:#4788e8}.feature-card.purple{--feature:#8c61d8}.feature-card.amber{--feature:#e49a2b}.feature-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--feature) 10%,transparent);color:var(--feature)}.feature-icon .menu-svg{width:18px}.feature-card h3{font:700 12px Manrope;margin:16px 0 7px}.feature-card p{color:var(--subtext);font-size:9px;line-height:1.6;margin:0;max-width:210px}.feature-arrow{position:absolute;right:15px;top:17px;color:var(--subtext);font-style:normal;font-size:13px;transition:.2s}.feature-card:hover .feature-arrow{color:var(--feature);transform:translate(2px,-2px)}.home-lower{display:grid;grid-template-columns:1.1fr .9fr;gap:13px;margin-top:13px}.home-panel{padding:22px;border:1px solid var(--border);border-radius:15px;background:var(--panel);box-shadow:var(--card-shadow)}.home-panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.setup-count{padding:5px 8px;border-radius:15px;background:var(--panel-2);color:var(--subtext);font-size:8px;font-weight:800}.setup-progress{height:5px;margin-bottom:10px;border-radius:8px;background:var(--panel-2);overflow:hidden}.setup-progress i{display:block;width:40%;height:100%;border-radius:8px;background:linear-gradient(90deg,#0d9c51,#3bd07e)}.setup-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.setup-row>i{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;color:var(--subtext);font-style:normal}.setup-row.done>i{border-color:transparent;background:#e4f7eb;color:#129450}.setup-row>span{flex:1}.setup-row b,.setup-row small{display:block}.setup-row b{font-size:9px}.setup-row small{color:var(--subtext);font-size:7px;margin-top:3px}.setup-row>em{color:var(--subtext);font-style:normal}.setup-all{margin-top:14px;border:0;background:none;color:var(--accent);font-size:8px;font-weight:800;cursor:pointer}.pulse-main{display:flex;align-items:center;gap:18px;padding:13px 0 19px}.pulse-ring{width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#1ab563 0 100%,var(--panel-2) 0);position:relative}.pulse-ring:before{content:'';position:absolute;inset:7px;border-radius:50%;background:var(--panel)}.pulse-ring span{position:relative;text-align:center}.pulse-ring b,.pulse-ring small{display:block}.pulse-ring b{font:800 18px Manrope}.pulse-ring small{color:var(--subtext);font-size:7px}.pulse-main h3{font:700 12px Manrope;margin:0 0 4px}.pulse-main p{max-width:220px;color:var(--subtext);font-size:8px;line-height:1.55;margin:0}.pulse-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.pulse-stats>span{position:relative;padding-left:13px}.pulse-stats>span+span{border-left:1px solid var(--border)}.pulse-stats i{position:absolute;left:3px;top:5px;width:5px;height:5px;border-radius:50%}.pulse-green{background:#20b96a}.pulse-blue{background:#4788e8}.pulse-purple{background:#8c61d8}.pulse-stats b,.pulse-stats small{display:block}.pulse-stats b{font:800 13px Manrope}.pulse-stats small{color:var(--subtext);font-size:6px;margin-top:2px}.pulse-panel>a{display:flex;justify-content:space-between;margin-top:15px;color:var(--accent);font-size:8px;font-weight:800;text-decoration:none}@keyframes floatCard{50%{transform:translateY(-6px)}}
[data-theme="dark"] .home-hero{background:linear-gradient(125deg,#061b11,#093520 55%,#07542d)}[data-theme="dark"] .visual-window{filter:brightness(.9)}[data-theme="dark"] .setup-row.done>i{background:#153825}[data-theme="dark"] .floating-card{background:rgba(239,249,243,.94)}
@media(max-width:1150px){.home-hero{grid-template-columns:1fr;padding:42px}.hero-copy{max-width:660px}.hero-visual{max-width:650px;width:100%;margin:15px auto 0}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.home-lower{grid-template-columns:1fr}}
@media(max-width:700px){.home-hero{min-height:0;padding:30px 22px 40px;border-radius:17px}.hero-copy h1{font-size:31px}.hero-copy>p{font-size:11px}.hero-visual{margin-top:25px}.visual-body{grid-template-columns:30px 110px 1fr;height:235px}.visual-list{padding:7px 5px}.visual-contact{grid-template-columns:23px 1fr}.visual-contact>em{display:none}.visual-contact>b{width:23px;height:23px}.floating-card{transform:scale(.86)}.float-top{right:-12px}.float-bottom{left:-12px}.home-section{padding-top:34px}.section-heading{align-items:flex-start}.section-heading>a{display:none}.feature-grid{grid-template-columns:1fr 1fr;gap:9px}.feature-card{min-height:165px;padding:15px}.home-panel{padding:18px}}
@media(max-width:460px){.hero-actions{flex-direction:column}.hero-actions a{width:100%}.hero-proof{margin-top:21px}.hero-visual{display:none}.home-hero{padding-bottom:30px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:145px}.home-lower{margin-top:9px}.pulse-main{align-items:flex-start}.pulse-stats small{font-size:5px}.section-heading h2{font-size:18px}}

.dashboard-window{background:#f3f6f5}.dashboard-shot{height:300px;overflow:hidden;background:#f3f6f5}.dashboard-shot img{display:block;width:100%;height:auto;transform:translateY(-2px);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.dashboard-window:hover .dashboard-shot img{transform:translateY(-18px) scale(1.015)}.floating-live{position:absolute;right:18px;bottom:-15px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.72);border-radius:9px;background:rgba(255,255,255,.94);box-shadow:0 12px 25px rgba(0,0,0,.16);color:#526158;font-size:7px;font-weight:700;backdrop-filter:blur(8px)}.floating-live i{width:6px;height:6px;border-radius:50%;background:#21bd69;box-shadow:0 0 0 4px rgba(33,189,105,.14);animation:pulse 1.8s infinite}[data-theme="dark"] .dashboard-window,[data-theme="dark"] .dashboard-shot{background:#edf2ef}[data-theme="dark"] .dashboard-window{filter:none}.dashboard-shot:after{content:'';position:absolute;left:0;right:0;bottom:0;height:55px;background:linear-gradient(transparent,rgba(243,246,245,.85));pointer-events:none}.dashboard-shot{position:relative}
@media(max-width:1150px){.dashboard-shot{height:320px}}
@media(max-width:700px){.dashboard-shot{height:230px}.floating-live{right:8px}.dashboard-window:hover .dashboard-shot img{transform:translateY(-10px)}}

/* Clinical management modules */
.clinic-page{max-width:1440px;margin:0 auto;color:var(--text);animation:dashboardEnter .38s ease both}.clinic-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.clinic-title h1{font:800 clamp(27px,3vw,37px) Manrope;letter-spacing:-.045em;margin:5px 0}.clinic-title p{margin:0;color:var(--subtext);font-size:12px}.clinic-title-actions{display:flex;gap:9px}.clinic-title-actions .secondary b{margin-left:5px;padding:2px 6px;border-radius:10px;background:#fff2dc;color:#b66d08;font-size:8px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;margin-bottom:12px}.calendar-nav,.calendar-filters{display:flex;align-items:center;gap:7px}.calendar-nav button,.calendar-filters>button,.view-switch button{height:33px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);padding:0 10px;font-size:9px;cursor:pointer}.calendar-nav button:not(.today-button){width:33px;padding:0;font-size:18px}.calendar-nav strong{margin-left:7px;font:700 12px Manrope}.view-switch{display:flex;padding:3px;background:var(--panel-2);border-radius:9px}.view-switch button{height:27px;border:0;background:none}.view-switch button.active{background:var(--panel);box-shadow:0 2px 7px rgba(20,50,32,.08);color:var(--accent)}.calendar-layout{display:grid;grid-template-columns:220px minmax(760px,1fr);gap:12px}.calendar-side{padding:16px}.calendar-side>label{display:block;margin:3px 0 11px;color:var(--subtext);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.mini-month>b{display:block;font-size:10px;margin-bottom:10px}.mini-week,.mini-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.mini-week span{color:var(--subtext);font-size:7px;padding:4px}.mini-days span{display:grid;place-items:center;aspect-ratio:1;border-radius:7px;font-size:8px}.mini-days span.active{background:var(--accent);color:#fff;font-weight:800}.mini-days span.muted{opacity:.35}.professional-filter{display:flex;align-items:center;gap:8px;padding:7px 0}.professional-filter>i,.patient-avatar{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;font:800 7px Manrope;font-style:normal}.professional-filter>i.green,.patient-avatar.green{background:#e3f7eb;color:#0c8d49}.professional-filter>i.blue,.patient-avatar.blue{background:#e8f1fd;color:#3376cf}.professional-filter>i.purple,.patient-avatar.purple{background:#f1ebfc;color:#8052ca}.professional-filter>i.amber,.patient-avatar.amber{background:#fff1dd;color:#bc7211}.professional-filter span{flex:1;font-size:8px;font-weight:600}.professional-filter input{accent-color:var(--accent)}.wait-card{display:flex;align-items:center;gap:8px;margin-top:17px;padding:10px;border:1px solid #f0dfbd;border-radius:10px;background:#fffaf0}.wait-card>i{font-style:normal;color:#d28b1e}.wait-card>div{flex:1}.wait-card b,.wait-card span{display:block}.wait-card b{font-size:8px}.wait-card span{font-size:6px;color:#a27837;margin-top:2px}.wait-card>strong{color:#bc7d1c}.week-calendar{overflow:hidden}.week-head{height:61px;display:grid;grid-template-columns:50px repeat(6,1fr);border-bottom:1px solid var(--border)}.time-head{display:grid;place-items:center;color:var(--subtext);font-size:6px;border-right:1px solid var(--border)}.day-head{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;border-right:1px solid var(--border)}.day-head span{color:var(--subtext);font-size:7px;font-weight:700}.day-head b{font:700 16px Manrope}.day-head.today b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff}.day-head i{position:absolute;right:7px;top:6px;color:var(--accent);font-size:6px;font-style:normal}.week-body{height:590px;position:relative;display:grid;grid-template-columns:50px repeat(6,1fr);background:repeating-linear-gradient(to bottom,transparent 0,transparent 58px,var(--border) 59px)}.time-column{display:flex;flex-direction:column;justify-content:space-between;padding:0 5px 8px;border-right:1px solid var(--border);color:var(--subtext);font-size:7px;text-align:right;transform:translateY(-4px)}.day-column{position:relative;border-right:1px solid var(--border)}.calendar-event{position:absolute;top:calc(var(--slot) * 59px + 6px);left:5px;right:5px;min-height:49px;padding:7px;border:0;border-left:3px solid #18a75b;border-radius:7px;background:#eaf8f0;color:#17472d;text-align:left;cursor:pointer;overflow:hidden;transition:.18s}.calendar-event:hover{z-index:3;transform:scale(1.03);box-shadow:0 7px 18px rgba(18,84,46,.14)}.calendar-event time,.calendar-event b,.calendar-event span{display:block}.calendar-event time{font-size:6px;opacity:.72}.calendar-event b{font-size:7px;margin:3px 0}.calendar-event span{font-size:6px;opacity:.72}.calendar-event.pro-rafael{border-color:#4b87df;background:#edf4fe;color:#244f8b}.calendar-event.pro-juliana{border-color:#9469dc;background:#f4effc;color:#5f3d98}.calendar-event.blocked{border-color:#929d96;background:#f0f3f1;color:#66726b}.calendar-event.waiting:after{content:'Aguardando';position:absolute;right:5px;top:5px;color:#b66f0c;font-size:5px}.now-line{position:absolute;left:50px;right:0;height:1px;background:#ec5662;z-index:2;pointer-events:none}.now-line i{position:absolute;left:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:#ec5662}.now-line span{position:absolute;right:4px;top:-12px;color:#e34654;font-size:6px}.patient-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:12px}.patient-metrics>div{display:flex;align-items:center;gap:11px;padding:16px}.patient-metrics>div>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e8f8ef;color:var(--accent);font-style:normal}.patient-metrics span{flex:1}.patient-metrics b,.patient-metrics small{display:block}.patient-metrics b{font:800 18px Manrope}.patient-metrics small{color:var(--subtext);font-size:7px}.patient-metrics em{align-self:flex-start;padding:3px 5px;border-radius:9px;background:#edf9f2;color:#18834b;font-size:7px;font-style:normal;font-weight:700}.patient-card{overflow:hidden}.patient-toolbar{display:flex;gap:8px;padding:13px;border-bottom:1px solid var(--border)}.patient-search{display:flex;align-items:center;gap:8px;flex:1;max-width:420px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2)}.patient-search input{width:100%;border:0;outline:0;background:none;color:var(--text);font-size:9px}.patient-toolbar>button{border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text);padding:0 11px;font-size:8px}.patient-row{display:grid;grid-template-columns:1.3fr 1fr 1.1fr 75px 28px;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--border);font-size:8px}.patient-row>div{display:flex;align-items:center;gap:9px}.patient-row b,.patient-row small{display:block}.patient-row small{color:var(--subtext);font-size:6px;margin-top:3px}.patient-label{border:0;background:var(--panel-2);color:var(--subtext);font-size:7px;text-transform:uppercase;letter-spacing:.06em}.patient-status{display:flex;align-items:center;gap:5px;width:max-content;padding:4px 7px;border-radius:12px;background:#edf9f2;color:#168048;font-size:7px;font-weight:700}.patient-status i{width:5px;height:5px;border-radius:50%;background:#20b667}.patient-status.inativo{background:#f1f3f2;color:#7d8881}.patient-status.inativo i{background:#9aa39d}.patient-row>button{border:0;background:none;color:var(--subtext)}.professional-summary{display:flex;align-items:center;justify-content:space-between;padding:18px;margin-bottom:12px}.professional-summary>div{display:flex;align-items:center;gap:15px}.team-stack{display:flex}.team-stack i{width:35px;height:35px;display:grid;place-items:center;margin-left:-7px;border:3px solid var(--panel);border-radius:50%;font:800 7px Manrope;font-style:normal}.team-stack i:first-child{margin-left:0}.team-stack .green{background:#dff5e8;color:#138549}.team-stack .blue{background:#e6f0fc;color:#3976c8}.team-stack .purple{background:#f0eafd;color:#7d55c6}.professional-summary b,.professional-summary small{display:block}.professional-summary small{color:var(--subtext);font-size:7px;margin-top:3px}.professional-summary>div:last-child>span{min-width:95px;padding-left:15px;border-left:1px solid var(--border)}.professional-summary>div:last-child b{font:800 15px Manrope}.professional-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.professional-card{position:relative;overflow:hidden;padding:0 19px 18px}.professional-cover{height:72px;margin:0 -19px;background:linear-gradient(120deg,#dff7e9,#f3fbf6)}.professional-cover.blue{background:linear-gradient(120deg,#e4effc,#f6f9fe)}.professional-cover.purple{background:linear-gradient(120deg,#eee7fc,#faf8fe)}.professional-profile{display:flex;justify-content:space-between;align-items:flex-end;margin-top:-26px}.professional-profile>i{width:54px;height:54px;display:grid;place-items:center;border:4px solid var(--panel);border-radius:15px;background:#dff5e8;color:#15854a;font:800 11px Manrope;font-style:normal}.professional-profile>i.blue{background:#e5effc;color:#3975c7}.professional-profile>i.purple{background:#f0e9fc;color:#7a52c4}.availability{display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:12px;background:#edf9f2;color:#158149;font-size:7px;font-weight:700}.availability b{width:5px;height:5px;border-radius:50%;background:#20b968}.professional-card h2{font:700 15px Manrope;margin:13px 0 3px}.professional-card>p{color:var(--subtext);font-size:8px;margin:0}.professional-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:17px 0;padding:11px 0;border-block:1px solid var(--border)}.professional-stats span{text-align:center}.professional-stats span+span{border-left:1px solid var(--border)}.professional-stats b,.professional-stats small{display:block}.professional-stats b{font:800 12px Manrope}.professional-stats small{color:var(--subtext);font-size:6px;margin-top:2px}.schedule-preview>b{font-size:8px}.schedule-preview>div{display:flex;gap:6px;margin-top:8px}.schedule-preview span{padding:5px 7px;border-radius:6px;background:#edf8f2;color:#18834b;font-size:7px}.schedule-preview span.busy{background:var(--panel-2);color:var(--subtext);text-decoration:line-through}.professional-card footer{display:flex;gap:7px;margin-top:17px}.professional-card footer button{flex:1;padding:8px;font-size:8px}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.5fr) 330px;gap:12px;align-items:start}.checkout-main{padding:20px}.checkout-step{display:flex;align-items:center;gap:10px;margin:5px 0 13px}.checkout-step>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#e5f7ec;color:#118448;font-size:8px;font-weight:800}.checkout-step>div{flex:1}.checkout-step b,.checkout-step small{display:block}.checkout-step b{font-size:10px}.checkout-step small{color:var(--subtext);font-size:7px;margin-top:2px}.checkout-step>i{color:var(--accent);font-style:normal}.checkout-step>button{border:0;background:none;color:var(--accent);font-size:8px;font-weight:800}.selected-patient{display:flex;align-items:center;gap:9px;margin:0 0 22px 37px;padding:11px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.selected-patient>i,.summary-patient>i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#dff5e8;color:#13834a;font:800 8px Manrope;font-style:normal}.selected-patient span{flex:1}.selected-patient b,.selected-patient small{display:block}.selected-patient b{font-size:8px}.selected-patient small{color:var(--subtext);font-size:6px;margin-top:3px}.selected-patient button{border:0;background:none;color:var(--accent);font-size:7px;font-weight:700}.checkout-items{margin:0 0 23px 37px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.checkout-item{display:grid;grid-template-columns:32px 1fr auto 78px 20px;align-items:center;gap:10px;padding:11px}.checkout-item+.checkout-item{border-top:1px solid var(--border)}.item-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e5f7ec;color:var(--accent)}.item-icon.product{background:#edf3fd;color:#407cd1}.checkout-item b,.checkout-item small{display:block}.checkout-item b{font-size:8px}.checkout-item small{color:var(--subtext);font-size:6px;margin-top:3px}.quantity{display:flex;align-items:center;border:1px solid var(--border);border-radius:7px}.quantity button{width:23px;height:25px;border:0;background:none;color:var(--subtext)}.quantity b{padding:0 4px}.checkout-item>strong{font:700 9px Manrope;text-align:right}.checkout-item>button{border:0;background:none;color:var(--subtext)}.payment-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-left:37px}.payment-methods button{position:relative;min-height:80px;display:flex;flex-direction:column;align-items:flex-start;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text);text-align:left}.payment-methods button.active{border-color:var(--accent);background:#f1fbf5;box-shadow:inset 0 0 0 1px var(--accent)}.payment-methods i{color:var(--accent);font-style:normal}.payment-methods b{font-size:8px;margin:7px 0 3px}.payment-methods small{color:var(--subtext);font-size:6px}.payment-methods em{position:absolute;right:7px;top:7px;color:var(--accent);font-style:normal}.payment-detail{display:flex;align-items:center;justify-content:space-between;margin:9px 0 0 37px;padding:10px;border-radius:9px;background:var(--panel-2)}.payment-detail span,.payment-detail b{display:block}.payment-detail>div span{color:var(--subtext);font-size:6px}.payment-detail>div b{font-size:8px;margin-top:3px}.pix-status{display:flex!important;align-items:center;gap:5px;color:#18834a!important;font-size:7px!important}.pix-status i{width:5px;height:5px;border-radius:50%;background:#20b969}.checkout-summary{position:sticky;top:94px;padding:19px}.summary-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--border)}.summary-head h2{font:700 13px Manrope;margin:0}.summary-head span{color:var(--subtext);font-size:7px}.summary-patient{display:flex;align-items:center;gap:9px;padding:14px 0}.summary-patient b,.summary-patient small{display:block}.summary-patient b{font-size:8px}.summary-patient small{color:var(--subtext);font-size:6px;margin-top:3px}.summary-values{padding:11px 0;border-block:1px solid var(--border)}.summary-values>div{display:flex;justify-content:space-between;padding:6px 0;font-size:8px}.summary-values button{border:0;background:none;color:var(--accent);font-size:7px;font-weight:700}.summary-total{padding:17px 0}.summary-total span,.summary-total b,.summary-total small{display:block}.summary-total span{font-size:8px}.summary-total b{font:800 24px Manrope;margin:5px 0}.summary-total small{color:var(--subtext);font-size:7px}.receipt-check{display:flex;align-items:center;gap:7px;color:var(--subtext);font-size:7px}.receipt-check input{accent-color:var(--accent)}.pay-button{width:100%;display:flex;justify-content:space-between;margin-top:14px;padding:12px;border:0;border-radius:9px;background:linear-gradient(135deg,#18ad5d,#08783e);color:#fff;font-size:8px;font-weight:800;box-shadow:0 8px 20px rgba(18,158,81,.2);cursor:pointer}.checkout-summary>p{text-align:center;color:var(--subtext);font-size:6px;margin:11px 0 0}
[data-theme="dark"] .wait-card{background:#2b2416;border-color:#4d3d20}[data-theme="dark"] .calendar-event{background:#153624;color:#a8e8c2}[data-theme="dark"] .calendar-event.pro-rafael{background:#182b43;color:#a9c9f4}[data-theme="dark"] .calendar-event.pro-juliana{background:#2a2040;color:#d0b9f2}[data-theme="dark"] .calendar-event.blocked{background:#26302a;color:#a9b4ad}[data-theme="dark"] .payment-methods button.active{background:#153624}[data-theme="dark"] .availability,[data-theme="dark"] .patient-status,[data-theme="dark"] .professional-summary .availability{background:#153624;color:#62d996}
@media(max-width:1200px){.calendar-layout{grid-template-columns:1fr;overflow:auto}.calendar-side{display:none}.week-calendar{min-width:810px}.professional-grid{grid-template-columns:repeat(2,1fr)}.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static}.patient-row{grid-template-columns:1.2fr 1fr 1fr 65px 20px}}
@media(max-width:700px){.clinic-title{align-items:flex-start;flex-direction:column}.clinic-title>.primary{width:100%}.clinic-title-actions{width:100%}.clinic-title-actions>*{flex:1}.calendar-toolbar{align-items:flex-start;flex-direction:column;gap:10px;overflow:auto}.calendar-filters{width:max-content}.calendar-layout{margin:0 -14px}.week-calendar{border-radius:0}.patient-metrics{grid-template-columns:1fr 1fr}.patient-toolbar{overflow:auto}.patient-search{min-width:240px}.patient-table{min-width:690px}.patient-card{overflow:auto}.professional-summary{align-items:flex-start;flex-direction:column;gap:15px}.professional-summary>div:last-child{width:100%;justify-content:space-between}.professional-grid{grid-template-columns:1fr}.checkout-main{padding:15px}.selected-patient,.checkout-items,.payment-methods,.payment-detail{margin-left:0}.checkout-item{grid-template-columns:30px 1fr auto}.checkout-item .quantity{display:none}.checkout-item>strong{grid-column:3}.checkout-item>button{display:none}.payment-methods{grid-template-columns:1fr 1fr}.payment-detail{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:420px){.patient-metrics{grid-template-columns:1fr}.professional-summary>div:last-child>span{min-width:0;padding-left:8px}.professional-summary>div:last-child small{font-size:5px}.payment-methods{grid-template-columns:1fr 1fr}}

/* Premium login */
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1.15fr) minmax(430px,.85fr);background:var(--panel);color:var(--text)}
.login-visual{position:relative;min-height:100vh;overflow:hidden;padding:42px clamp(42px,6vw,88px);background:radial-gradient(circle at 78% 16%,rgba(76,229,144,.2),transparent 27%),linear-gradient(145deg,#051e12 0%,#07351e 52%,#0a6a38 140%);color:#fff;isolation:isolate}
.login-visual:before{content:'';position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.login-visual:after{content:'';position:absolute;width:520px;height:520px;right:-260px;bottom:-290px;border:1px solid rgba(112,242,169,.18);border-radius:50%;box-shadow:0 0 0 75px rgba(112,242,169,.035),0 0 0 150px rgba(112,242,169,.025);z-index:-1}
.login-brand,.mobile-login-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font:800 24px Manrope}.login-brand .logo-mark,.mobile-login-brand .logo-mark{width:39px;height:39px;background:linear-gradient(145deg,#49e58f,#12a75b)}.login-brand strong span,.mobile-login-brand strong span{color:#62e99f}
.login-story{max-width:660px;margin-top:clamp(58px,8vh,105px)}.login-kicker{display:flex;align-items:center;gap:9px;width:max-content;padding:7px 11px;border:1px solid rgba(133,241,181,.2);border-radius:30px;background:rgba(112,229,165,.08);color:#a9efc7;font-size:10px;font-weight:700;letter-spacing:.04em}.login-kicker i{width:6px;height:6px;border-radius:50%;background:#5be99a;box-shadow:0 0 0 5px rgba(91,233,154,.12);animation:loginPulse 2s infinite}.login-story h1{font:800 clamp(34px,3.55vw,58px)/1.08 Manrope;letter-spacing:-.055em;margin:23px 0 17px;max-width:700px}.login-story h1 em{display:block;color:#72e9a8;font-style:normal}.login-story>p{max-width:560px;margin:0;color:#b4cbbd;font-size:14px;line-height:1.75}
.orbit-scene{position:relative;width:min(580px,90%);height:285px;margin:15px auto 0}.orbit-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(104,235,161,.21);border-radius:50%;transform:translate(-50%,-50%)}.ring-one{width:300px;height:150px;animation:orbitSpin 14s linear infinite}.ring-two{width:470px;height:235px;animation:orbitSpinReverse 21s linear infinite}.orbit-core{position:absolute;left:50%;top:50%;width:86px;height:86px;display:grid;place-items:center;border:1px solid rgba(120,244,174,.32);border-radius:27px;background:linear-gradient(145deg,rgba(57,203,122,.3),rgba(6,55,30,.8));box-shadow:0 20px 50px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.15);transform:translate(-50%,-50%) rotate(-8deg);backdrop-filter:blur(12px);animation:coreFloat 4s ease-in-out infinite}.core-logo{font:800 38px Manrope;color:#fff}.core-pulse{position:absolute;inset:-13px;border:1px solid rgba(100,238,160,.25);border-radius:35px;animation:corePulse 2.5s ease-out infinite}.orbit-card{position:absolute;display:flex;align-items:center;gap:10px;min-width:154px;padding:10px 12px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(7,39,23,.72);box-shadow:0 16px 35px rgba(0,0,0,.2);backdrop-filter:blur(14px);animation:cardFloat 5s ease-in-out infinite}.orbit-card>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:rgba(68,224,137,.15);color:#68e9a1;font-weight:800}.orbit-card b,.orbit-card small{display:block}.orbit-card b{font-size:9px}.orbit-card small{margin-top:3px;color:#92ad9d;font-size:7px}.card-chat{left:3%;top:35%;animation-delay:-1s}.card-chart{right:0;top:20%;animation-delay:-2.4s}.card-calendar{right:8%;bottom:4%;animation-delay:-3.5s}.orbit-avatar{position:absolute;width:32px;height:32px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.22);border-radius:50%;background:#174d31;color:#b5f2cf;font:800 7px Manrope;box-shadow:0 8px 20px rgba(0,0,0,.24)}.avatar-one{left:24%;top:6%;animation:bob 3.3s ease-in-out infinite}.avatar-two{right:28%;top:2%;animation:bob 4s -1s ease-in-out infinite}.avatar-three{left:25%;bottom:1%;animation:bob 3.6s -2s ease-in-out infinite}
.login-testimonial{position:absolute;left:clamp(42px,6vw,88px);right:clamp(42px,6vw,88px);bottom:30px;display:flex;align-items:center;gap:13px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.quote-mark{color:#57dc92;font:800 29px Georgia}.login-testimonial>p{max-width:410px;margin:0;color:#b1c6b9;font-size:9px;line-height:1.6}.login-testimonial>span{margin-left:auto;padding-left:18px;border-left:1px solid rgba(255,255,255,.12)}.login-testimonial b,.login-testimonial small{display:block;font-size:8px}.login-testimonial small{color:#829b8c;margin-top:3px;font-size:6px}.quote-dots{display:flex;gap:4px;margin-left:15px}.quote-dots i{width:4px;height:4px;border-radius:50%;background:#50705d}.quote-dots i:first-child{width:13px;border-radius:4px;background:#55db90}
.login-access{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px clamp(35px,6vw,90px) 38px;background:var(--panel)}.login-top-actions{position:absolute;right:34px;top:28px;display:flex;align-items:center;gap:18px;color:var(--subtext);font-size:9px}.login-top-actions a{color:var(--accent);font-weight:800;text-decoration:none}.login-theme{position:relative;width:35px;height:35px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);cursor:pointer}.login-theme span{position:absolute;inset:0;display:grid;place-items:center;transition:.25s}.login-theme .moon-icon{opacity:0}[data-theme="dark"] .login-theme .sun-icon{opacity:0}[data-theme="dark"] .login-theme .moon-icon{opacity:1}.login-box{width:100%;max-width:410px}.mobile-login-brand{display:none;color:var(--text);margin-bottom:46px}.access-kicker{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.14em}.login-box h2{font:800 clamp(28px,3vw,38px) Manrope;letter-spacing:-.045em;margin:10px 0 7px}.login-box>p{color:var(--subtext);font-size:11px;margin:0 0 31px}.login-form>label{position:relative;display:block;margin-bottom:17px;color:var(--text);font-size:9px;font-weight:700}.login-form>label>a{float:right;color:var(--accent);text-decoration:none}.login-input{height:51px;display:flex;align-items:center;gap:10px;margin-top:8px;padding:0 13px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);transition:.2s}.login-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(30,185,99,.1);background:var(--panel)}.login-input>span{color:var(--subtext)}.login-input input{min-width:0;flex:1;border:0;outline:0;background:none;color:var(--text);font-size:11px}.password-toggle{border:0;background:none;color:var(--subtext);cursor:pointer}.login-form .remember{display:flex;align-items:center;gap:7px;color:var(--subtext);font-weight:500}.remember input{accent-color:var(--accent)}.login-submit{width:100%;height:51px;display:flex;align-items:center;justify-content:center;gap:13px;border:0;border-radius:12px;background:linear-gradient(135deg,#20b867,#087e42);color:#fff;font-size:10px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px rgba(17,151,77,.25);transition:.2s}.login-submit:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(17,151,77,.32)}.login-submit.loading b{animation:arrowLoad .7s infinite}.login-divider{display:flex;align-items:center;gap:13px;margin:24px 0;color:var(--subtext);font-size:8px}.login-divider:before,.login-divider:after{content:'';height:1px;flex:1;background:var(--border)}.google-login{width:100%;height:49px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);font-size:9px;font-weight:700;cursor:pointer}.google-login b{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;background:#fff;color:#4285f4;box-shadow:0 1px 5px rgba(0,0,0,.15)}.login-security{text-align:center!important;font-size:7px!important;margin:21px 0 0!important}.login-access>footer{position:absolute;bottom:25px;color:var(--subtext);font-size:7px}.login-access>footer span{margin:0 7px}.login-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.16;z-index:-1}.glow-a{width:290px;height:290px;right:5%;top:13%;background:#50ee99}.glow-b{width:240px;height:240px;left:-80px;bottom:8%;background:#10a85a}.login-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#8cf2b9;animation:twinkle 3s infinite}.login-stars i:nth-child(1){left:14%;top:21%}.login-stars i:nth-child(2){left:86%;top:38%;animation-delay:-1s}.login-stars i:nth-child(3){left:68%;top:9%;animation-delay:-2s}.login-stars i:nth-child(4){left:39%;top:63%;animation-delay:-.4s}.login-stars i:nth-child(5){left:8%;top:70%;animation-delay:-1.7s}
@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orbitSpinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes coreFloat{50%{transform:translate(-50%,-57%) rotate(-3deg)}}@keyframes corePulse{0%{transform:scale(.85);opacity:0}35%{opacity:1}100%{transform:scale(1.35);opacity:0}}@keyframes cardFloat{50%{transform:translateY(-9px)}}@keyframes bob{50%{transform:translateY(-7px)}}@keyframes twinkle{50%{opacity:.2;transform:scale(.5)}}@keyframes loginPulse{50%{box-shadow:0 0 0 8px rgba(91,233,154,0)}}@keyframes arrowLoad{50%{transform:translateX(5px)}}
@media(max-width:1050px){.login-page{grid-template-columns:1fr 1fr}.login-visual{padding:35px}.login-story{margin-top:55px}.login-testimonial{left:35px;right:35px}.login-testimonial>p{max-width:300px}.orbit-scene{width:100%}}
@media(max-width:800px){.login-page{display:block}.login-visual{display:none}.login-access{min-height:100svh;padding:80px 25px 65px}.mobile-login-brand{display:flex}.login-top-actions>span{display:none}.login-access>footer{bottom:20px}.login-box{max-width:430px}}
@media(max-width:420px){.login-access{justify-content:flex-start;padding-top:45px}.mobile-login-brand{margin-bottom:45px}.login-box h2{font-size:29px}.login-box>p{margin-bottom:27px}}
@media(prefers-reduced-motion:reduce){.orbit-ring,.orbit-core,.core-pulse,.orbit-card,.orbit-avatar,.login-stars i,.login-kicker i{animation:none!important}.login-submit{transition:none}}

/* Omnichannel unified inbox */
.omni-page{max-width:1440px;margin:auto;color:var(--text);animation:dashboardEnter .38s ease both}.omni-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.omni-heading h1{font:800 clamp(27px,3vw,37px) Manrope;letter-spacing:-.045em;margin:5px 0}.omni-heading p{margin:0;color:var(--subtext);font-size:11px}.omni-head-actions{display:flex;align-items:center;gap:10px}.omni-online{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:var(--panel);font-size:8px;font-weight:700}.omni-online i{width:6px;height:6px;border-radius:50%;background:#21bb68;box-shadow:0 0 0 4px rgba(33,187,104,.12)}.omni-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:11px}.omni-metric{position:relative;padding:13px 16px;overflow:hidden}.omni-metric:after{content:'';position:absolute;right:-12px;bottom:-23px;width:60px;height:60px;border:10px solid currentColor;border-radius:50%;opacity:.05}.omni-metric span,.omni-metric strong{display:block}.omni-metric span{color:var(--subtext);font-size:7px}.omni-metric strong{font:800 20px Manrope;margin-top:5px}.omni-metric small{position:absolute;right:14px;top:15px;padding:3px 6px;border-radius:10px;background:var(--panel-2);color:var(--subtext);font-size:6px}.omni-workspace{height:680px;display:grid;grid-template-columns:310px minmax(430px,1fr) 255px;overflow:hidden;border-radius:16px}.omni-inbox{min-width:0;border-right:1px solid var(--border);background:var(--panel)}.omni-inbox-head{display:flex;align-items:center;justify-content:space-between;padding:15px 15px 8px}.omni-inbox-head>div{display:flex;align-items:center;gap:7px}.omni-inbox-head h2{font:700 13px Manrope;margin:0}.omni-inbox-head span{padding:3px 6px;border-radius:10px;background:var(--panel-2);color:var(--subtext);font-size:6px}.omni-inbox-head button,.details-title button{border:0;background:none;color:var(--subtext)}.omni-search{height:34px;display:flex;align-items:center;gap:7px;margin:4px 13px 10px;padding:0 9px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--subtext)}.omni-search input{min-width:0;flex:1;border:0;outline:0;background:none;color:var(--text);font-size:8px}.omni-channels{display:flex;gap:5px;padding:0 13px 11px;overflow-x:auto;scrollbar-width:none}.omni-channels button{min-width:49px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 5px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--subtext);font-size:6px;cursor:pointer}.omni-channels button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--panel));color:var(--accent)}.omni-channels button i{font-style:normal;font-size:11px}.omni-channels button b{display:none}.omni-channels .whatsapp,.channel-whatsapp{color:#16a75a}.omni-channels .instagram,.channel-instagram{color:#c3459b}.omni-channels .email,.channel-email{color:#4e83da}.omni-channels .webchat,.channel-webchat{color:#7a62ce}.omni-channels .messenger,.channel-messenger{color:#168deb}.omni-queue-tabs{display:flex;padding:0 13px;border-bottom:1px solid var(--border)}.omni-queue-tabs button{position:relative;flex:1;padding:9px 3px;border:0;background:none;color:var(--subtext);font-size:7px;font-weight:700}.omni-queue-tabs button.active{color:var(--text)}.omni-queue-tabs button.active:after{content:'';position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--accent)}.omni-queue-tabs b{padding:2px 4px;border-radius:7px;background:var(--panel-2);font-size:6px}.omni-ticket{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:9px;padding:11px 13px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left;cursor:pointer}.omni-ticket:hover,.omni-ticket.active{background:color-mix(in srgb,var(--accent) 7%,var(--panel))}.omni-ticket.active{box-shadow:inset 3px 0 var(--accent)}.ticket-avatar{position:relative;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--panel-2);color:var(--accent);font:800 8px Manrope}.ticket-avatar i,.omni-person>span i{position:absolute;right:-3px;bottom:-3px;width:16px;height:16px;display:grid;place-items:center;border:2px solid var(--panel);border-radius:50%;background:var(--panel);font-size:7px;font-style:normal}.ticket-copy{min-width:0}.ticket-copy b,.ticket-copy small,.ticket-copy em{display:block}.ticket-copy b{font-size:8px}.ticket-copy small{margin:4px 0;overflow:hidden;color:var(--subtext);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.ticket-copy em{color:#a4771d;font-size:5px;font-style:normal}.ticket-copy em i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#e8a92d}.ticket-meta{text-align:right}.ticket-meta time{display:block;color:var(--subtext);font-size:6px}.ticket-meta b{display:grid;place-items:center;width:15px;height:15px;margin:7px 0 0 auto;border-radius:50%;background:var(--accent);color:#fff;font-size:6px}.omni-chat{min-width:0;display:grid;grid-template-rows:58px 32px 1fr auto;background:var(--app-bg)}.omni-chat>header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border);background:var(--panel)}.omni-person{display:flex;align-items:center;gap:10px}.omni-person>span{position:relative;width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#e1f5e9;color:#13834a;font:800 8px Manrope}.omni-person b,.omni-person small{display:block}.omni-person b{font-size:9px}.omni-person small{margin-top:4px;color:var(--subtext);font-size:6px}.omni-person small i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#23bb69}.omni-chat-actions{display:flex;gap:5px}.omni-chat-actions button{width:29px;height:29px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--subtext);cursor:pointer}.omni-context{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--accent) 5%,var(--panel));font-size:6px;color:var(--subtext)}.omni-context b{color:var(--accent)}.omni-context button{border:0;background:none;color:var(--accent);font-size:6px;font-weight:700}.omni-messages{overflow:auto;padding:14px 7%;background-image:radial-gradient(var(--border) .6px,transparent .6px);background-size:14px 14px}.message-day{display:flex;align-items:center;gap:9px;margin:3px 0 15px;color:var(--subtext);font-size:6px}.message-day:before,.message-day:after{content:'';height:1px;flex:1;background:var(--border)}.omni-bubble{width:max-content;max-width:73%;margin:8px 0;padding:9px 11px;border:1px solid var(--border);border-radius:11px;background:var(--panel);box-shadow:0 3px 10px rgba(20,50,33,.04)}.omni-bubble.outgoing{margin-left:auto;border-color:transparent;background:#dff5e8}.omni-bubble p{margin:0;font-size:8px;line-height:1.55}.omni-bubble small{display:block;margin-top:5px;color:var(--subtext);font-size:5px;text-align:right}.ai-reply{display:flex;align-items:center;gap:9px;margin-top:15px;padding:9px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent) 5%,var(--panel))}.ai-reply>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--accent);color:#fff}.ai-reply>div{min-width:0;flex:1}.ai-reply b{color:var(--accent);font-size:6px}.ai-reply p{margin:3px 0 0;color:var(--subtext);font-size:7px}.ai-reply button{border:0;border-radius:7px;background:var(--accent);color:#fff;padding:7px 9px;font-size:6px;font-weight:700}.omni-composer{padding:9px 13px 12px;border-top:1px solid var(--border);background:var(--panel)}.composer-tools{display:flex;align-items:center;gap:5px;margin-bottom:6px}.composer-tools button{border:0;background:none;color:var(--subtext);font-size:7px}.composer-tools span{margin-left:auto;color:var(--subtext);font-size:6px}.composer-tools span b{color:#16a75a}.omni-composer>div:last-child{display:flex;align-items:center;border:1px solid var(--border);border-radius:9px;background:var(--panel-2)}.omni-composer textarea{min-width:0;flex:1;padding:9px;border:0;outline:0;resize:none;background:none;color:var(--text);font-size:8px}.send-message{width:32px;height:32px;margin-right:6px;border:0;border-radius:8px;background:var(--accent);color:#fff}.omni-details{overflow:auto;border-left:1px solid var(--border);background:var(--panel)}.details-title{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.details-title h2{font:700 10px Manrope;margin:0}.contact-profile{text-align:center;padding:20px 15px;border-bottom:1px solid var(--border)}.contact-profile>span{width:52px;height:52px;display:grid;place-items:center;margin:auto;border-radius:16px;background:#dff5e8;color:#12834a;font:800 11px Manrope}.contact-profile h3{font:700 11px Manrope;margin:10px 0 3px}.contact-profile p{margin:0;color:var(--subtext);font-size:6px}.contact-profile>div{display:flex;justify-content:center;gap:6px;margin-top:12px}.contact-profile button{width:28px;height:28px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--accent)}.detail-section{padding:14px 16px;border-bottom:1px solid var(--border)}.detail-section>b{color:var(--subtext);font-size:6px;letter-spacing:.1em}.detail-section>p{margin:11px 0 0}.detail-section>p span,.detail-section>p strong{display:block}.detail-section>p span{color:var(--subtext);font-size:6px}.detail-section>p strong{margin-top:3px;font-size:7px}.journey-item{display:flex;gap:8px;margin-top:11px}.journey-item>i{width:7px;height:7px;margin-top:2px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent)}.journey-item strong,.journey-item small{display:block;font-size:7px}.journey-item small{margin-top:3px;color:var(--subtext);font-size:6px}.contact-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.contact-tags span,.contact-tags button{padding:5px 7px;border:0;border-radius:7px;background:var(--panel-2);color:var(--subtext);font-size:6px}.contact-tags span:first-child{background:#fff1d9;color:#a96b0d}[data-theme="dark"] .omni-bubble.outgoing,[data-theme="dark"] .omni-person>span,[data-theme="dark"] .contact-profile>span{background:#153724;color:#73dfa1}
@media(max-width:1200px){.omni-workspace{grid-template-columns:290px 1fr}.omni-details{display:none}}
@media(max-width:800px){.omni-heading{align-items:flex-start;flex-direction:column}.omni-head-actions{width:100%;justify-content:space-between}.omni-metrics{grid-template-columns:1fr 1fr}.omni-workspace{height:690px;grid-template-columns:1fr}.omni-inbox{border:0}.omni-chat{display:none}.omni-ticket-list{max-height:480px;overflow:auto}}
@media(max-width:450px){.omni-online{display:none}.omni-head-actions .primary{width:100%}.omni-metrics{gap:7px}.omni-metric{padding:12px}.omni-workspace{margin:0 -14px;border-radius:0}}

/* GitNexus clinical campaign artwork */
.promo-window{background:#063d25}.promo-shot{height:315px;background:#063d25}.promo-shot img{width:100%;height:100%;object-fit:cover;object-position:52% center;transform:none}.dashboard-window:hover .promo-shot img{transform:scale(1.025)}.promo-shot:after{height:35px;background:linear-gradient(transparent,rgba(5,49,29,.38))}[data-theme="dark"] .promo-window,[data-theme="dark"] .promo-shot{background:#063d25}
.login-artwork{position:relative;width:min(650px,92%);height:260px;margin:18px auto 65px;overflow:hidden;border:1px solid rgba(136,241,181,.2);border-radius:23px;background:#063d25;box-shadow:0 28px 65px rgba(0,0,0,.34);transform:perspective(900px) rotateY(-3deg);animation:artFloat 5s ease-in-out infinite}.login-artwork img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.login-artwork:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px rgba(255,255,255,.14);pointer-events:none}.login-art-shine{position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.14) 48%,transparent 61%);transform:translateX(-65%);animation:artShine 6s ease-in-out infinite}.login-story{margin-top:clamp(42px,6vh,72px)}.login-story h1{font-size:clamp(31px,3.25vw,52px)}.login-testimonial{bottom:24px}@keyframes artFloat{50%{transform:perspective(900px) rotateY(-1deg) translateY(-7px)}}@keyframes artShine{45%,100%{transform:translateX(70%)}}
@media(max-height:820px) and (min-width:801px){.login-story{margin-top:30px}.login-story h1{font-size:35px;margin-block:15px 10px}.login-artwork{height:200px;margin:12px auto 55px}.login-testimonial{bottom:17px}}
@media(max-width:1050px) and (min-width:801px){.login-artwork{height:225px;width:100%}.login-story h1{font-size:36px}}
@media(max-width:700px){.promo-shot{height:245px}.promo-shot img{object-position:61% center}}
@media(prefers-reduced-motion:reduce){.login-artwork,.login-art-shine{animation:none!important}}

.login-brand img,
.mobile-login-brand img {
  display: block;
  width: min(100%, 620px);
  height: auto;
  object-fit: contain;
}

.login-brand {
  width: fit-content;
  padding: 10px 16px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
}

/* Reference-inspired functional login layout */
.reference-login {
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(360px, .92fr) minmax(470px, 1.08fr);
  gap: 16px;
  min-height: 100vh;
  padding: 26px 112px;
  overflow: hidden;
  background: #020806;
  color: #f3fbf6;
}

.login-marketing {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 16px 12px 0 16px;
  background: radial-gradient(circle at 75% 15%, rgba(0, 160, 79, .12), transparent 34%), #020806;
}

.reference-login .login-brand {
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.reference-login .login-brand img {
  width: min(100%, 280px);
  content: url("./gitnexus-wordmark-dark-v3.png");
  opacity: 1;
  filter: none;
}

.reference-copy {
  margin: 34px 0 22px;
}

.reference-copy h1 {
  max-width: 390px;
  margin: 0 0 14px;
  font: 800 clamp(28px, 2.5vw, 42px)/1.08 Manrope;
  letter-spacing: -.045em;
}

.reference-copy h1 em {
  color: #18d65c;
  font-style: normal;
}

.reference-copy p {
  max-width: 390px;
  margin: 0;
  color: #b6c6be;
  font-size: 12px;
  line-height: 1.65;
}

.reference-features {
  display: grid;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.reference-features li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
}

.reference-features li > i {
  display: grid;
  flex: 0 0 40px;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(22, 209, 91, .58);
  border-radius: 10px;
  color: #1be15e;
  font-size: 20px;
  font-style: normal;
}

.reference-features b,
.reference-features small {
  display: block;
}

.reference-features b {
  margin: 1px 0 4px;
  font-size: 10px;
}

.reference-features small {
  max-width: 260px;
  color: #91a79a;
  font-size: 8px;
  line-height: 1.5;
}

.reference-integrations {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-top: auto;
  padding-top: 18px;
  color: #b5c4bc;
  font-size: 7px;
}

.login-showcase {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  background: radial-gradient(circle at 50% 48%, rgba(0, 126, 59, .2), transparent 54%), #020806;
}

.login-showcase img {
  display: block;
  width: 100%;
  max-width: 720px;
  height: auto;
  border-radius: 18px;
  object-fit: contain;
  filter: drop-shadow(0 28px 35px rgba(0, 0, 0, .4));
}

.reference-login .login-access {
  justify-content: center;
  min-width: 0;
  min-height: calc(100vh - 52px);
  padding: 42px 0 34px;
  background: #020806;
}

.reference-login .login-top-actions {
  right: 0;
  color: #a6b8ad;
}

.reference-login .login-top-actions a,
.reference-login .login-form > label > a,
.reference-login .reference-signup a {
  color: #18dc5e;
}

.reference-login .login-box {
  max-width: 480px;
  padding: 36px 40px 32px;
  border: 1px solid rgba(24, 220, 94, .55);
  border-radius: 18px;
  background: linear-gradient(155deg, rgba(7, 24, 18, .98), rgba(2, 11, 8, .98));
  box-shadow: 0 25px 60px rgba(0, 0, 0, .35);
}

.reference-login-brand {
  margin-bottom: 22px;
  text-align: center;
}

.reference-login-brand img {
  display: inline-block;
  width: min(100%, 290px);
  height: auto;
  content: url("./gitnexus-wordmark-dark-v3.png");
  opacity: 1;
  filter: none;
}

.reference-login .access-kicker {
  color: #18dc5e;
}

.reference-login .login-box h2 {
  margin-top: 9px;
  color: #f5fff8;
  font-size: clamp(25px, 2.4vw, 34px);
}

.reference-login .login-box > p,
.reference-login .login-security,
.reference-login .reference-signup {
  color: #9eb1a5;
}

.reference-login .login-form > label {
  color: #eef9f1;
}

.reference-login .login-input {
  border-color: #30453a;
  background: #07130f;
}

.reference-login .login-input input {
  color: #effcf3;
}

.reference-login .login-submit {
  background: linear-gradient(135deg, #27d957, #0f9d43);
}

.reference-login .login-divider:before,
.reference-login .login-divider:after {
  background: #30453a;
}

.reference-socials {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.reference-socials .google-login {
  height: 46px;
  margin: 0;
  border-color: #30453a;
  background: #07130f;
  color: #e9f8ee;
}

.reference-signup {
  margin-top: 22px;
  text-align: center;
  font-size: 8px;
}

.reference-login .login-access > footer {
  color: #70847a;
}

@media (max-width: 1360px) {
  .reference-login {
    grid-template-columns: minmax(260px, .75fr) minmax(350px, 1fr) minmax(330px, .78fr);
    gap: 12px;
    padding: 20px 44px;
  }
  .login-marketing { padding-left: 26px; padding-right: 18px; }
  .reference-features small { font-size: 7px; }
  .reference-login .login-access { min-height: calc(100vh - 40px); padding-left: 18px; padding-right: 18px; }
  .reference-login .login-box { max-width: 400px; padding: 30px; }
}

@media (max-width: 900px) {
  .reference-login { grid-template-columns: 1fr 1fr; gap: 0; overflow: auto; }
  .login-showcase { display: none; }
  .login-marketing { min-height: 100vh; }
  .reference-login .login-access { min-height: calc(100vh - 40px); }
}

@media (max-width: 650px) {
  .reference-login { display: block; padding: 0; }
  .login-marketing { min-height: auto; padding: 28px 22px; }
  .reference-features { grid-template-columns: 1fr 1fr; gap: 10px; }
  .reference-features li > i { flex-basis: 32px; width: 32px; height: 32px; font-size: 15px; }
  .reference-features b { font-size: 8px; }
  .reference-features small { display: none; }
  .reference-login .login-access { min-height: auto; padding: 26px 18px 48px; }
  .reference-login .login-top-actions { position: static; justify-content: flex-end; margin-bottom: 18px; }
  .login-showcase { display: flex; min-height: 280px; padding: 18px; }
}