:root{
  --bg:#070a13;
  --sidebar:#080c16;
  --panel:#0d1422;
  --panel-2:#101928;
  --panel-3:#131e31;
  --panel-soft:#0a111d;
  --line:rgba(255,255,255,.075);
  --line-strong:rgba(154,126,255,.32);
  --text:#f6f7fb;
  --muted:#96a2b7;
  --muted-2:#68758c;
  --purple:#8b5cf6;
  --purple-2:#6d5dfc;
  --purple-3:#b8a7ff;
  --blue:#4f8cff;
  --cyan:#22d3ee;
  --green:#26d59e;
  --amber:#ffb84d;
  --orange:#ff875f;
  --red:#ff6482;
  --sidebar-w:250px;
  --topbar-h:70px;
  --radius:16px;
  --radius-sm:11px;
  --shadow:0 24px 70px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html,body{height:100%}
html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:74px}
body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg);overflow-x:hidden}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.app-background{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 30% -10%,rgba(109,93,252,.08),transparent 34%),radial-gradient(circle at 100% 20%,rgba(34,211,238,.035),transparent 28%);z-index:-1}
.app-shell{min-height:100vh}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);z-index:50;background:linear-gradient(180deg,#090d17,#070b13);border-right:1px solid var(--line);padding:15px 13px 14px;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#222b3c transparent}
.sidebar-head{height:45px;display:flex;align-items:center;justify-content:space-between;padding:1px 6px 8px}.app-brand img{width:188px}.mobile-close{display:none;border:0;background:none;width:34px;height:34px;padding:8px;color:#8e99ab}.mobile-close svg{width:100%;height:100%}
.workspace-card{width:100%;min-height:63px;border:1px solid var(--line);border-radius:13px;background:#0e1523;display:grid;grid-template-columns:37px 1fr 16px;align-items:center;gap:10px;padding:10px;margin:8px 0 13px;text-align:left;transition:.18s}.workspace-card:hover{border-color:rgba(139,92,246,.35);background:#111a2b}.workspace-avatar{width:37px;height:37px;border-radius:11px;background:linear-gradient(145deg,#ff6f75,#a93845);display:grid;place-items:center;font-size:11px;font-weight:850;border:1px solid rgba(255,255,255,.15)}.workspace-card>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.workspace-card strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-card small{font-size:8px;color:#7d899d}.workspace-card>svg{width:13px;height:13px;color:#657187;transform:rotate(90deg)}
.side-nav{display:flex;flex-direction:column;gap:2px}.side-nav p{font-size:7.5px;text-transform:uppercase;letter-spacing:.12em;color:#4f5c70;margin:13px 10px 6px;font-weight:750}.nav-item{width:100%;height:39px;border:0;border-radius:9px;background:transparent;display:flex;align-items:center;gap:11px;padding:0 11px;color:#8793a7;text-align:left;transition:.17s;position:relative}.nav-item svg{width:16px;height:16px;flex:none}.nav-item span{font-size:10.5px;font-weight:580}.nav-item:hover{background:rgba(255,255,255,.035);color:#dce1eb}.nav-item.active{background:linear-gradient(90deg,rgba(123,89,241,.28),rgba(123,89,241,.08));color:#f1efff;box-shadow:inset 0 0 0 1px rgba(139,92,246,.16)}.nav-item.active::before{content:"";position:absolute;left:0;width:2px;height:19px;border-radius:3px;background:linear-gradient(var(--purple-3),var(--purple))}.nav-count{margin-left:auto;font-style:normal;font-size:7px;min-width:20px;height:17px;padding:0 5px;border-radius:8px;background:#172032;color:#8491a6;display:grid;place-items:center}.live-count{color:#e4ddff;background:rgba(139,92,246,.22)}.unread-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--purple);box-shadow:0 0 9px rgba(139,92,246,.65)}.new-pill{margin-left:auto;font-style:normal;font-size:6px;text-transform:uppercase;letter-spacing:.07em;color:#ccbfff;background:rgba(139,92,246,.2);padding:4px 6px;border-radius:6px}.sidebar-spacer{flex:1;min-height:16px}.coverage-card{border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#101728,#0b111e);padding:12px;margin-top:8px}.coverage-head{display:flex;align-items:center;gap:9px}.coverage-ring{width:30px;height:30px;border-radius:50%;background:conic-gradient(var(--green) 0 82%,#202b3d 82%);display:grid;place-items:center;position:relative}.coverage-ring::before{content:"";position:absolute;inset:4px;background:#0e1624;border-radius:50%}.coverage-ring i{position:relative;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.coverage-head div{display:flex;flex-direction:column}.coverage-head strong{font-size:9px}.coverage-head small{font-size:7px;color:#758297;margin-top:2px}.coverage-stats{display:flex;justify-content:space-between;margin-top:11px;color:#738096;font-size:7px}.coverage-stats b{color:#c7ceda}.usage-track{height:5px;background:#1a2435;border-radius:8px;margin:6px 0 10px;overflow:hidden}.usage-track i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#50d6e3)}.coverage-card button{border:0;background:none;color:#aa9cff;font-size:7.5px;padding:0}.settings-link{margin-top:8px}.owner-card{height:51px;border-top:1px solid var(--line);margin-top:7px;padding:10px 5px 0;display:grid;grid-template-columns:31px 1fr 28px;align-items:center;gap:9px}.owner-avatar{width:31px;height:31px;border-radius:50%;background:linear-gradient(145deg,#dfb196,#6c4566);display:grid;place-items:center;font-size:8px;font-weight:800;border:1px solid rgba(255,255,255,.14)}.owner-card>span:nth-child(2){display:flex;flex-direction:column}.owner-card strong{font-size:8.5px}.owner-card small{font-size:7px;color:#707c90;margin-top:2px}.owner-card button{width:28px;height:28px;border:0;background:transparent;color:#647086;padding:7px}.owner-card svg{width:100%;height:100%}
.topbar{position:fixed;top:0;left:var(--sidebar-w);right:0;height:var(--topbar-h);z-index:40;border-bottom:1px solid var(--line);background:rgba(7,10,19,.78);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.mobile-menu{display:none}.global-search{width:min(430px,40vw);height:38px;border:1px solid var(--line);border-radius:10px;background:#0d1422;display:grid;grid-template-columns:17px 1fr auto;gap:9px;align-items:center;padding:0 11px;color:#69768b;text-align:left}.global-search svg{width:15px;height:15px}.global-search span{font-size:9px}.global-search kbd,.command-input kbd{font-size:7px;border:1px solid var(--line);background:#151d2b;color:#687489;border-radius:5px;padding:3px 5px;font-family:inherit}.top-actions{display:flex;align-items:center;gap:8px}.icon-button{height:37px;border:1px solid var(--line);border-radius:10px;background:#0d1422;color:#8490a4;display:flex;align-items:center;justify-content:center}.status-button{padding:0 12px;gap:7px}.status-button i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(37,214,159,.55)}.status-button span{font-size:8px}.notification-button{width:38px;position:relative}.notification-button svg{width:15px;height:15px}.notification-button i{position:absolute;top:-5px;right:-4px;width:16px;height:16px;border-radius:8px;background:#ef4967;color:#fff;font-size:6px;font-style:normal;display:grid;place-items:center;border:2px solid var(--bg)}.primary-action{height:38px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--purple),var(--purple-2));box-shadow:0 10px 24px rgba(109,93,252,.22),inset 0 1px 0 rgba(255,255,255,.18);padding:0 13px;display:flex;align-items:center;gap:7px;font-size:9px;font-weight:750}.primary-action svg{width:14px;height:14px}.primary-action:hover{filter:brightness(1.08);transform:translateY(-1px)}
.main-content{margin-left:var(--sidebar-w);padding:calc(var(--topbar-h) + 24px) 24px 55px;min-height:100vh;outline:none}.page{max-width:1540px;margin:0 auto;animation:pageIn .25s ease}@keyframes pageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:21px}.page-title h1{font-size:23px;line-height:1.1;letter-spacing:-.035em;margin:0 0 6px}.page-title p{font-size:9.5px;color:#7c899e;margin:0}.page-actions{display:flex;align-items:center;gap:8px}.button{height:37px;border-radius:10px;border:1px solid var(--line);background:#0e1624;color:#b4bdcc;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:8.5px;font-weight:680;transition:.17s}.button:hover{border-color:rgba(139,92,246,.35);background:#111a2b}.button svg{width:13px;height:13px}.button.primary{border:0;background:linear-gradient(135deg,var(--purple),var(--purple-2));color:#fff;box-shadow:0 9px 22px rgba(109,93,252,.2)}.button.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.button.danger{color:#ff8298;border-color:rgba(255,100,130,.25)}.button.small{height:31px;padding:0 10px;font-size:7.5px;border-radius:8px}.icon-only{width:37px;padding:0}.select-button{height:37px;border:1px solid var(--line);border-radius:10px;background:#0d1523;color:#8d99ad;padding:0 11px;font-size:8px}.card{background:linear-gradient(145deg,rgba(15,23,38,.98),rgba(10,16,28,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 35px rgba(0,0,0,.08)}.card-head{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}.card-head>div{display:flex;flex-direction:column}.card-head strong{font-size:10px}.card-head small{font-size:7px;color:#69768b;margin-top:2px}.card-link{border:0;background:none;color:#a89bff;font-size:7.5px}.card-menu{border:0;background:none;color:#606d81;padding:6px}.card-menu svg{width:14px;height:14px}.badge{display:inline-flex;width:max-content;align-items:center;gap:5px;border-radius:7px;padding:5px 7px;font-size:6.5px;font-weight:700}.badge.green{color:#49dfa8;background:rgba(37,214,159,.1)}.badge.purple{color:#b7a8ff;background:rgba(139,92,246,.14)}.badge.blue{color:#73a8ff;background:rgba(79,140,255,.11)}.badge.orange{color:#ff9b73;background:rgba(255,125,82,.11)}.badge.red{color:#ff8198;background:rgba(255,100,130,.11)}.badge.gray{color:#93a0b5;background:#172032}.dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(37,214,159,.4)}
/* Overview */
.welcome-card{min-height:178px;position:relative;overflow:hidden;padding:24px 25px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;background:radial-gradient(circle at 77% 15%,rgba(139,92,246,.18),transparent 37%),linear-gradient(135deg,#10182a,#0b111e)}.welcome-card::after{content:"";position:absolute;right:-120px;top:-160px;width:410px;height:410px;border-radius:50%;border:1px solid rgba(139,92,246,.18);box-shadow:0 0 0 55px rgba(139,92,246,.025),0 0 0 110px rgba(139,92,246,.015)}.welcome-copy{position:relative;z-index:2}.welcome-copy h2{font-size:25px;letter-spacing:-.04em;margin:0 0 7px}.welcome-copy p{font-size:9px;color:#8491a6;margin:0 0 19px}.live-employee-pill{display:inline-flex;align-items:center;gap:8px;height:31px;border:1px solid rgba(37,214,159,.16);border-radius:10px;background:rgba(37,214,159,.06);padding:0 10px;font-size:7.5px;color:#73e7bd}.live-employee-pill .avatar{width:21px;height:21px;font-size:6px}.live-employee-pill b{color:#dfe7ed}.welcome-visual{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.robot-orb{width:115px;height:115px;border-radius:40px;background:linear-gradient(145deg,#d9e0ef,#69758c);display:grid;place-items:center;box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 55px rgba(139,92,246,.18);position:relative}.robot-orb::before{content:"";position:absolute;inset:10px;border-radius:31px;background:linear-gradient(145deg,#121a28,#050910);box-shadow:inset 0 2px 8px rgba(255,255,255,.1)}.robot-face{position:relative;width:61px;height:42px;border-radius:20px;background:#070c14;display:flex;align-items:center;justify-content:center;gap:22px}.robot-face i{width:8px;height:8px;border-radius:50%;background:#50ebc8;box-shadow:0 0 13px #36e4c0}.robot-face::after{content:"";position:absolute;width:18px;height:8px;border-bottom:2px solid #50ebc8;border-radius:0 0 12px 12px;bottom:6px}.robot-orb>i{position:absolute;width:7px;height:16px;background:#5ee2c9;border-radius:5px;top:-10px}.robot-orb>i::after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#5ee2c9;top:-5px;left:-2px;box-shadow:0 0 12px #5ee2c9}.welcome-wave{position:absolute;left:-78px;right:-78px;height:70px;bottom:17px;opacity:.45}.welcome-wave svg{width:100%;height:100%;stroke:#8368f2;filter:drop-shadow(0 0 6px rgba(139,92,246,.45))}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:12px}.kpi-card{padding:15px 15px 13px;min-height:102px;position:relative;overflow:hidden}.kpi-card::after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-36px;top:-40px;background:var(--kpi-glow,rgba(139,92,246,.08))}.kpi-top{display:flex;justify-content:space-between;align-items:center}.kpi-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:var(--kpi-bg,rgba(139,92,246,.12));color:var(--kpi-color,#aa99ff)}.kpi-icon svg{width:14px;height:14px}.kpi-trend{font-size:6.5px;color:var(--green)}.kpi-card>span{display:block;font-size:7px;color:#778398;margin-top:12px}.kpi-card strong{font-size:21px;letter-spacing:-.035em;display:block;margin-top:2px}.overview-grid{display:grid;grid-template-columns:1.35fr .78fr;gap:12px;margin-top:12px}.chart-card{min-height:310px;padding-bottom:14px}.chart-toolbar{display:flex;align-items:center;gap:7px}.chart-toolbar button{height:27px;border:1px solid var(--line);background:#111a2a;color:#718096;border-radius:7px;font-size:6.5px;padding:0 8px}.chart-container{height:235px;padding:9px 14px 0}.chart-container svg{width:100%;height:100%}.chart-gridline{stroke:#1a2538;stroke-width:1}.chart-axis{fill:#59667b;font-size:7px}.chart-area{fill:url(#overviewArea)}.chart-line{fill:none;stroke:#8b5cf6;stroke-width:2.5;filter:drop-shadow(0 0 5px rgba(139,92,246,.55))}.chart-point{fill:#a78bfa;stroke:#e1d8ff;stroke-width:1.5}.chart-tooltip{fill:#121d2f;stroke:#323c51}.performance-card{min-height:310px;padding:16px}.performance-head{display:flex;justify-content:space-between;align-items:center}.performance-head strong{font-size:10px}.performance-head span{font-size:7px;color:#778398}.performance-body{display:grid;grid-template-columns:115px 1fr;align-items:center;gap:15px;margin-top:25px}.performance-ring{width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--green) 0 96%,#1a2538 96%);display:grid;place-items:center;position:relative}.performance-ring::before{content:"";position:absolute;inset:11px;border-radius:50%;background:#0d1422}.performance-ring div{position:relative;text-align:center}.performance-ring strong{font-size:25px;display:block}.performance-ring small{font-size:6.5px;color:#7d899e}.performance-list{list-style:none;margin:0;padding:0}.performance-list li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.performance-list li:last-child{border:0}.performance-list span{font-size:7px;color:#7d899c}.performance-list b{font-size:7.5px;font-weight:700}.conversation-card{margin-top:12px;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:6.5px;text-transform:uppercase;letter-spacing:.06em;color:#5f6c81;font-weight:650;padding:11px 14px;background:#0c1422}.data-table td{padding:11px 14px;border-top:1px solid var(--line);font-size:8px;color:#aab4c5}.data-table tr:hover td{background:rgba(255,255,255,.015)}.person-cell{display:flex;align-items:center;gap:8px}.mini-avatar{width:25px;height:25px;border-radius:50%;background:linear-gradient(145deg,#c78d73,#633b62);display:grid;place-items:center;font-size:6.5px;font-weight:800;border:1px solid rgba(255,255,255,.12)}.person-cell>span{display:flex;flex-direction:column}.person-cell b{font-size:8px;color:#dce1e9}.person-cell small{font-size:6.3px;color:#667388;margin-top:2px}.play-button{width:25px;height:25px;border-radius:50%;border:1px solid rgba(139,92,246,.4);background:rgba(139,92,246,.08);color:#af9fff;display:grid;place-items:center}.play-button svg{width:9px;height:9px;fill:currentColor;stroke-width:0;margin-left:1px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:12px}.quick-card{padding:15px;display:flex;align-items:center;gap:11px;min-height:66px}.quick-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(139,92,246,.12);color:#aa99ff}.quick-icon.green{background:rgba(37,214,159,.1);color:#4cdda9}.quick-icon.blue{background:rgba(79,140,255,.1);color:#6da4ff}.quick-icon.amber{background:rgba(255,184,77,.1);color:#ffc565}.quick-icon svg{width:15px;height:15px}.quick-card div:last-child{display:flex;flex-direction:column}.quick-card strong{font-size:8.5px}.quick-card small{font-size:6.5px;color:#707c91;margin-top:4px}
/* Employees */
.employee-summary{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}.employee-hero{padding:22px;min-height:160px;background:radial-gradient(circle at 80% 15%,rgba(139,92,246,.18),transparent 35%),linear-gradient(145deg,#11192a,#0b111e);display:grid;grid-template-columns:1fr auto;align-items:center}.employee-hero h2{font-size:21px;margin:0 0 7px}.employee-hero p{font-size:8.5px;color:#8490a5;max-width:620px;margin:0 0 16px}.team-stack{display:flex;align-items:center}.team-stack .mini-avatar{width:37px;height:37px;margin-left:-8px;border:3px solid #101827}.team-stack .mini-avatar:first-child{margin-left:0}.team-stack span{font-size:7px;color:#8591a5;margin-left:10px}.employee-health{padding:18px}.health-head{display:flex;justify-content:space-between}.health-head strong{font-size:9px}.health-head span{font-size:7px;color:var(--green)}.health-ring{width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--green) 0 94%,#1a2537 94%);display:grid;place-items:center;margin:16px auto 10px;position:relative}.health-ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:#0d1422}.health-ring b{position:relative;font-size:18px}.employee-health p{text-align:center;font-size:7px;color:#738095;margin:0}.employee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.employee-card{padding:16px;position:relative;min-height:236px}.employee-card-head{display:flex;align-items:center;gap:11px}.employee-avatar{width:47px;height:47px;border-radius:15px;background:linear-gradient(145deg,#c68d72,#5e365f);display:grid;place-items:center;font-size:12px;font-weight:800;border:1px solid rgba(255,255,255,.13)}.employee-avatar.blue{background:linear-gradient(145deg,#4d89d9,#253e79)}.employee-avatar.green{background:linear-gradient(145deg,#48c89b,#1d654d)}.employee-card-head>div:nth-child(2){display:flex;flex-direction:column}.employee-card-head strong{font-size:11px}.employee-card-head small{font-size:7px;color:#79869a;margin-top:3px}.live-status{margin-left:auto;font-size:6.5px;color:var(--green);display:flex;align-items:center;gap:5px}.employee-role{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.employee-role p{font-size:7.5px;color:#8793a7;line-height:1.55;margin:0}.employee-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.employee-stats div{background:#0f1827;border-radius:9px;padding:8px}.employee-stats span{font-size:5.8px;color:#68758a;display:block}.employee-stats b{font-size:11px;display:block;margin-top:3px}.employee-card-actions{display:flex;gap:7px;margin-top:14px}.employee-card-actions .button{flex:1}.add-employee-card{border-style:dashed;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:rgba(139,92,246,.025)}.add-orb{width:56px;height:56px;border-radius:19px;background:rgba(139,92,246,.11);border:1px solid rgba(139,92,246,.2);display:grid;place-items:center;color:#aa99ff}.add-orb svg{width:23px;height:23px}.add-employee-card h3{font-size:12px;margin:15px 0 6px}.add-employee-card p{font-size:7px;color:#748196;max-width:220px;margin:0 0 14px}
/* Calls */
.filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.filter-group{display:flex;gap:5px;border:1px solid var(--line);border-radius:10px;background:#0c1422;padding:3px}.filter-group button{height:28px;border:0;border-radius:7px;background:transparent;color:#6f7c91;font-size:7px;padding:0 10px}.filter-group button.active{background:rgba(139,92,246,.16);color:#d9d2ff}.filter-spacer{flex:1}.search-small{height:35px;width:230px;border:1px solid var(--line);border-radius:9px;background:#0c1422;display:flex;align-items:center;gap:8px;padding:0 10px}.search-small svg{width:13px;height:13px;color:#647086}.search-small input{border:0;background:transparent;outline:none;width:100%;font-size:7.5px;color:#b7c0cf}.search-small input::placeholder{color:#5e6b80}.calls-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(400px,1.18fr);gap:12px;min-height:650px}.call-list-card{overflow:hidden}.call-list-head{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.call-list-head span{font-size:7px;color:#778398}.call-row{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);cursor:pointer;transition:.16s}.call-row:last-child{border:0}.call-row:hover{background:rgba(255,255,255,.018)}.call-row.active{background:linear-gradient(90deg,rgba(139,92,246,.12),rgba(139,92,246,.025));box-shadow:inset 2px 0 0 var(--purple)}.call-type-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(139,92,246,.11);color:#aa99ff}.call-type-icon svg{width:14px;height:14px}.call-type-icon.outbound{background:rgba(79,140,255,.1);color:#70a5ff}.call-type-icon.missed{background:rgba(255,100,130,.1);color:#ff8298}.call-row>div:nth-child(2){min-width:0}.call-row strong{font-size:8.5px;display:block}.call-row p{font-size:6.8px;color:#78859a;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-row-meta{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.call-row-meta time{font-size:6px;color:#657287}.call-detail{overflow:hidden}.call-detail-head{min-height:77px;padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px}.call-detail-head .employee-avatar{width:42px;height:42px;border-radius:13px;font-size:10px}.call-detail-head>div:nth-child(2){display:flex;flex-direction:column}.call-detail-head strong{font-size:11px}.call-detail-head small{font-size:7px;color:#748196;margin-top:3px}.call-detail-head .badge{margin-left:auto}.call-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px 14px}.summary-cell{background:#0f1827;border-radius:9px;padding:9px}.summary-cell span{font-size:5.7px;color:#677489;display:block}.summary-cell b{font-size:8px;display:block;margin-top:3px}.audio-box{margin:0 14px 12px;border:1px solid var(--line);background:#0e1726;border-radius:11px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:8px 10px}.audio-play{width:30px;height:30px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--purple);color:#fff}.audio-play svg{width:10px;height:10px;fill:currentColor;stroke-width:0;margin-left:2px}.audio-wave{height:25px;display:flex;align-items:center;gap:2px}.audio-wave i{display:block;width:2px;height:var(--h);border-radius:2px;background:linear-gradient(#a88eff,#6047ca)}.audio-box time{font-size:6px;color:#748196}.detail-tabs{display:flex;gap:3px;padding:0 14px;border-bottom:1px solid var(--line)}.detail-tabs button{height:34px;border:0;border-bottom:2px solid transparent;background:transparent;color:#68758a;font-size:7px;padding:0 10px}.detail-tabs button.active{color:#cfc6ff;border-bottom-color:var(--purple)}.transcript{padding:13px 16px;max-height:390px;overflow:auto}.transcript-entry{display:grid;grid-template-columns:58px 1fr;gap:10px;margin-bottom:14px}.transcript-entry b{font-size:7px;color:#b9acff}.transcript-entry.customer b{color:#64dfb4}.transcript-entry p{font-size:8px;line-height:1.6;color:#a6b0c0;margin:0}.call-actions{padding:11px 14px;border-top:1px solid var(--line);display:flex;gap:7px}
/* Appointments */
.appointment-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.calendar-card{padding:0 15px 15px}.calendar-toolbar{height:51px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.calendar-toolbar strong{font-size:11px}.calendar-nav{display:flex;gap:5px}.calendar-nav button{width:29px;height:29px;border:1px solid var(--line);border-radius:8px;background:#101827;color:#78859a}.calendar-nav svg{width:12px;height:12px}.week-header,.week-grid{display:grid;grid-template-columns:52px repeat(7,1fr)}.week-header{padding-top:11px}.week-header span{height:45px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#778398;font-size:6px;gap:4px}.week-header span b{font-size:10px;color:#bdc5d1}.week-header span.today b{width:24px;height:24px;border-radius:8px;background:var(--purple);display:grid;place-items:center;color:#fff}.week-grid{position:relative;height:520px;border-top:1px solid var(--line)}.time-axis{grid-column:1;display:grid;grid-template-rows:repeat(10,1fr)}.time-axis span{font-size:6px;color:#5f6c81;padding-top:7px}.day-column{border-left:1px solid var(--line);position:relative;background-image:linear-gradient(to bottom,transparent calc(10% - 1px),rgba(255,255,255,.045) calc(10% - 1px),rgba(255,255,255,.045) 10%,transparent 10%);background-size:100% 10%}.calendar-event{position:absolute;left:4px;right:4px;top:var(--top);height:var(--height);border-radius:8px;padding:6px 7px;background:var(--event-bg,rgba(139,92,246,.18));border-left:2px solid var(--event-color,#8b5cf6);overflow:hidden}.calendar-event b{font-size:6.7px;display:block;color:#e6e2ff}.calendar-event span{font-size:5.5px;color:#a5aec0;display:block;margin-top:3px}.schedule-card{overflow:hidden}.schedule-date{padding:13px 15px;border-bottom:1px solid var(--line)}.schedule-date strong{font-size:10px}.schedule-date small{font-size:7px;color:#738095;margin-left:7px}.schedule-list{padding:5px 14px}.schedule-item{display:grid;grid-template-columns:45px 7px 1fr auto;gap:8px;align-items:start;padding:13px 0;border-bottom:1px solid var(--line)}.schedule-item:last-child{border:0}.schedule-time{font-size:7px;color:#939eb0}.schedule-line{width:7px;height:7px;border-radius:50%;background:var(--event-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--event-color) 13%,transparent)}.schedule-item>div:nth-child(3){display:flex;flex-direction:column}.schedule-item b{font-size:8px}.schedule-item small{font-size:6.5px;color:#707d92;margin-top:4px}.schedule-item button{border:0;background:transparent;color:#5e6b80;padding:2px}.schedule-item svg{width:12px;height:12px}
/* Leads */
.pipeline-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:12px}.pipeline-stat{padding:14px}.pipeline-stat span{font-size:7px;color:#748196}.pipeline-stat strong{font-size:19px;display:block;margin-top:4px}.pipeline-stat small{font-size:6.2px;color:var(--green)}.pipeline-board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:10px;overflow-x:auto;padding-bottom:8px}.pipeline-column{border:1px solid var(--line);border-radius:14px;background:#0a111d;padding:10px;min-height:570px}.pipeline-head{display:flex;align-items:center;justify-content:space-between;padding:4px 3px 12px}.pipeline-head div{display:flex;align-items:center;gap:7px}.pipeline-head i{width:7px;height:7px;border-radius:50%;background:var(--stage-color)}.pipeline-head strong{font-size:8px}.pipeline-head span{font-size:6px;color:#657287;background:#141d2c;border-radius:8px;padding:3px 6px}.lead-card{border:1px solid var(--line);border-radius:11px;background:#0f1827;padding:11px;margin-bottom:8px;transition:.17s;cursor:grab}.lead-card:hover{border-color:rgba(139,92,246,.32);transform:translateY(-1px)}.lead-card-head{display:flex;justify-content:space-between}.lead-card-head strong{font-size:8px}.lead-card-head time{font-size:5.8px;color:#627086}.lead-card p{font-size:6.8px;color:#778398;line-height:1.5;margin:5px 0 9px}.lead-meta{display:flex;justify-content:space-between;align-items:center}.lead-source{font-size:6px;color:#9ba6b8}.lead-value{font-size:7px;color:var(--green);font-weight:700}
/* Customers */
.customer-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:12px}.customer-list-card{overflow:hidden}.table-toolbar{min-height:52px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--line)}.table-toolbar .search-small{width:280px}.table-toolbar .filter-spacer+span{font-size:7px;color:#68758b}.customer-table .data-table th,.customer-table .data-table td{padding-top:12px;padding-bottom:12px}.customer-status{display:flex;align-items:center;gap:5px}.customer-status i{width:6px;height:6px;border-radius:50%;background:var(--green)}
/* Conversations */
.inbox-layout{display:grid;grid-template-columns:285px minmax(0,1fr) 260px;min-height:690px;overflow:hidden}.inbox-sidebar{border-right:1px solid var(--line)}.inbox-search{padding:12px;border-bottom:1px solid var(--line)}.inbox-search .search-small{width:100%}.inbox-tabs{display:flex;gap:3px;padding:8px 10px;border-bottom:1px solid var(--line)}.inbox-tabs button{flex:1;height:28px;border:0;border-radius:7px;background:transparent;color:#68758a;font-size:6.5px}.inbox-tabs button.active{background:rgba(139,92,246,.14);color:#d7d0ff}.thread-item{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:12px;border-bottom:1px solid var(--line);cursor:pointer}.thread-item.active{background:rgba(139,92,246,.08);box-shadow:inset 2px 0 0 var(--purple)}.thread-item .mini-avatar{width:32px;height:32px}.thread-item>div:nth-child(2){min-width:0}.thread-item strong{font-size:8px}.thread-item p{font-size:6.5px;color:#707d91;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-item time{font-size:5.5px;color:#5e6b7e}.message-pane{display:flex;flex-direction:column;min-width:0}.message-head{height:61px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 14px;gap:9px}.message-head .mini-avatar{width:34px;height:34px}.message-head>div:nth-child(2){display:flex;flex-direction:column}.message-head strong{font-size:9px}.message-head small{font-size:6.5px;color:#6f7c91;margin-top:2px}.message-head .page-actions{margin-left:auto}.message-feed{flex:1;padding:17px;overflow:auto;background:radial-gradient(circle at 50% 20%,rgba(139,92,246,.025),transparent 50%)}.message-day{text-align:center;font-size:6px;color:#5d697d;margin-bottom:18px}.message{display:flex;margin-bottom:13px}.message.agent{justify-content:flex-end}.message-bubble{max-width:72%;border:1px solid var(--line);background:#101827;border-radius:13px 13px 13px 4px;padding:10px 11px}.message.agent .message-bubble{background:linear-gradient(135deg,rgba(139,92,246,.27),rgba(109,93,252,.13));border-color:rgba(139,92,246,.22);border-radius:13px 13px 4px 13px}.message-bubble p{font-size:7.5px;color:#b4bdcc;line-height:1.55;margin:0}.message-bubble time{font-size:5.5px;color:#657287;display:block;margin-top:5px}.composer{border-top:1px solid var(--line);padding:11px;display:grid;grid-template-columns:1fr 34px;gap:8px}.composer textarea{height:42px;resize:none;border:1px solid var(--line);border-radius:10px;background:#0e1624;outline:none;padding:10px;font-size:7.5px}.composer button{width:34px;border:0;border-radius:10px;background:var(--purple);display:grid;place-items:center}.conversation-info{border-left:1px solid var(--line);padding:16px}.conversation-info h3{font-size:9px;margin:0 0 13px}.info-person{text-align:center;padding:8px 0 17px;border-bottom:1px solid var(--line)}.info-person .mini-avatar{width:55px;height:55px;margin:0 auto 9px;font-size:10px}.info-person strong{font-size:9px;display:block}.info-person small{font-size:6.5px;color:#728095}.info-list{padding:13px 0;border-bottom:1px solid var(--line)}.info-row{display:flex;justify-content:space-between;padding:7px 0;font-size:6.5px}.info-row span{color:#68758a}.info-row b{font-weight:650}.info-notes{padding-top:13px}.info-notes p{font-size:7px;color:#778398;line-height:1.5}
/* Knowledge */
.knowledge-layout-app{display:grid;grid-template-columns:245px minmax(0,1fr) 285px;min-height:680px;overflow:hidden}.knowledge-nav{border-right:1px solid var(--line);padding:14px}.knowledge-search{height:34px;border:1px solid var(--line);border-radius:9px;background:#0c1422;display:flex;align-items:center;gap:7px;padding:0 9px}.knowledge-search svg{width:12px;height:12px;color:#627086}.knowledge-search input{width:100%;border:0;background:transparent;outline:none;font-size:7px}.knowledge-tree-head{display:flex;justify-content:space-between;align-items:center;margin:17px 2px 8px}.knowledge-tree-head strong{font-size:7px;text-transform:uppercase;letter-spacing:.07em;color:#667388}.knowledge-tree-head button{border:0;background:none;color:#8d7ce7;font-size:11px}.tree-folder,.tree-file{height:34px;display:flex;align-items:center;gap:8px;border-radius:8px;padding:0 8px;font-size:7.5px;color:#7d899d}.tree-folder.active,.tree-file.active{background:rgba(139,92,246,.11);color:#d7d0ff}.tree-folder svg,.tree-file svg{width:12px;height:12px}.tree-file{padding-left:24px}.knowledge-editor-app{min-width:0}.editor-head{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 17px}.editor-head>div{display:flex;flex-direction:column}.editor-head strong{font-size:10px}.editor-head small{font-size:6.5px;color:#6d7a8e;margin-top:3px}.editor-head .page-actions{margin-left:auto}.editor-body{padding:18px}.form-label{display:block;font-size:6.5px;color:#718095;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.form-input,.form-textarea,.form-select{width:100%;border:1px solid var(--line);border-radius:9px;background:#0d1624;outline:none;font-size:8px;padding:10px;color:#b9c1cf;margin-bottom:13px}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:rgba(139,92,246,.42);box-shadow:0 0 0 3px rgba(139,92,246,.07)}.form-textarea{height:102px;resize:vertical;line-height:1.6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.knowledge-tip{border:1px solid rgba(79,140,255,.16);border-radius:10px;background:rgba(79,140,255,.055);padding:11px;display:flex;gap:9px}.knowledge-tip span{width:24px;height:24px;border-radius:8px;background:rgba(79,140,255,.12);display:grid;place-items:center;color:#6ca4ff;flex:none}.knowledge-tip svg{width:12px;height:12px}.knowledge-tip div{display:flex;flex-direction:column}.knowledge-tip strong{font-size:7.5px}.knowledge-tip small{font-size:6.3px;color:#738197;margin-top:3px;line-height:1.45}.training-panel{border-left:1px solid var(--line);padding:16px}.training-panel h3{font-size:9px;margin:0}.training-readiness{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.readiness-ring{width:67px;height:67px;border-radius:50%;background:conic-gradient(var(--green) 0 92%,#1a2538 92%);display:grid;place-items:center;position:relative;flex:none}.readiness-ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#0d1422}.readiness-ring strong{position:relative;font-size:14px}.training-readiness div{display:flex;flex-direction:column}.training-readiness b{font-size:8px}.training-readiness small{font-size:6.5px;color:#748196;margin-top:4px;line-height:1.4}.training-checklist{padding:11px 0}.training-check{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:9px 0}.training-check>span{width:22px;height:22px;border-radius:7px;background:rgba(37,214,159,.09);color:var(--green);display:grid;place-items:center}.training-check svg{width:11px;height:11px}.training-check div{display:flex;flex-direction:column}.training-check b{font-size:7.5px}.training-check small{font-size:6px;color:#6c798e;margin-top:3px}.training-check>i{font-style:normal;font-size:6px;color:#44dca5}.file-upload{border:1px dashed rgba(139,92,246,.28);border-radius:11px;background:rgba(139,92,246,.035);padding:16px;text-align:center;margin-top:12px}.file-upload span{width:35px;height:35px;border-radius:11px;background:rgba(139,92,246,.11);display:grid;place-items:center;color:#aa99ff;margin:0 auto 8px}.file-upload svg{width:15px;height:15px}.file-upload strong{font-size:7.5px;display:block}.file-upload small{font-size:6px;color:#6d7a8f;display:block;margin-top:3px}
/* Automations */
.automation-hero{padding:20px;display:grid;grid-template-columns:1fr auto;align-items:center;background:radial-gradient(circle at 80% 20%,rgba(139,92,246,.17),transparent 35%),linear-gradient(145deg,#11192a,#0b111e);margin-bottom:12px}.automation-hero h2{font-size:18px;margin:0 0 6px}.automation-hero p{font-size:8px;color:#8190a4;margin:0}.automation-stats{display:flex;gap:23px;margin-right:20px}.automation-stats div{text-align:center}.automation-stats strong{font-size:17px;display:block}.automation-stats span{font-size:6px;color:#6f7c91}.automation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.automation-card{padding:15px;min-height:203px}.automation-card-head{display:flex;align-items:center;gap:10px}.automation-icon{width:37px;height:37px;border-radius:11px;background:rgba(139,92,246,.12);color:#aa99ff;display:grid;place-items:center}.automation-icon.green{background:rgba(37,214,159,.1);color:#4cdda9}.automation-icon.blue{background:rgba(79,140,255,.1);color:#70a5ff}.automation-icon.amber{background:rgba(255,184,77,.1);color:#ffc568}.automation-icon svg{width:15px;height:15px}.automation-card-head>div:nth-child(2){display:flex;flex-direction:column}.automation-card-head strong{font-size:9px}.automation-card-head small{font-size:6.2px;color:#707d91;margin-top:3px}.switch{margin-left:auto;width:34px;height:19px;border:0;border-radius:12px;background:#202a3a;padding:3px}.switch i{display:block;width:13px;height:13px;border-radius:50%;background:#6d798c;transition:.2s}.switch.on{background:rgba(37,214,159,.24)}.switch.on i{transform:translateX(15px);background:var(--green)}.automation-flow{margin-top:16px;border-top:1px solid var(--line);padding-top:13px}.flow-node{display:flex;align-items:center;gap:8px;position:relative;padding:6px 0}.flow-node:not(:last-child)::after{content:"";position:absolute;left:11px;top:28px;height:13px;border-left:1px dashed #354056}.flow-node span{width:23px;height:23px;border-radius:7px;background:#111c2d;display:grid;place-items:center;font-size:6px;color:#94a0b4}.flow-node b{font-size:7px}.automation-footer{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.automation-footer span{font-size:6.3px;color:#718095}
/* Analytics */
.analytics-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:12px}.analytics-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:12px}.large-chart{min-height:380px}.large-chart-body{height:315px;padding:12px 15px 15px}.large-chart svg{width:100%;height:100%}.donut-card{padding:16px}.donut-wrap{display:flex;justify-content:center;padding:22px 0}.donut{width:153px;height:153px;border-radius:50%;background:conic-gradient(var(--purple) 0 42%,var(--green) 42% 68%,var(--blue) 68% 86%,var(--amber) 86% 96%,#293348 96%);display:grid;place-items:center;position:relative}.donut::before{content:"";position:absolute;inset:20px;border-radius:50%;background:#0d1422}.donut div{position:relative;text-align:center}.donut strong{font-size:23px;display:block}.donut small{font-size:6px;color:#768399}.legend{display:grid;grid-template-columns:1fr 1fr;gap:8px}.legend span{font-size:6.5px;color:#8490a4;display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:3px;background:var(--legend-color)}.analytics-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.employee-ranking{padding:5px 15px 12px}.rank-row{display:grid;grid-template-columns:28px 1fr 70px 55px;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}.rank-row:last-child{border:0}.rank-row .mini-avatar{width:28px;height:28px}.rank-row>div:nth-child(2){display:flex;flex-direction:column}.rank-row b{font-size:7.5px}.rank-row small{font-size:6px;color:#6e7b90;margin-top:2px}.mini-track{height:5px;background:#1a2538;border-radius:8px}.mini-track i{display:block;height:100%;width:var(--value);background:linear-gradient(90deg,var(--purple),var(--green));border-radius:inherit}.rank-row>strong{font-size:7px;text-align:right}.revenue-list{padding:7px 15px}.revenue-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.revenue-row:last-child{border:0}.revenue-row div{display:flex;flex-direction:column}.revenue-row b{font-size:7.5px}.revenue-row small{font-size:6px;color:#6d7a8f;margin-top:3px}.revenue-row strong{font-size:8px;color:var(--green)}
/* Integrations */
.integration-banner{padding:22px;display:grid;grid-template-columns:1fr auto;align-items:center;margin-bottom:12px;background:radial-gradient(circle at 85% 10%,rgba(79,140,255,.15),transparent 36%),linear-gradient(145deg,#11192a,#0b111e)}.integration-banner h2{font-size:18px;margin:0 0 6px}.integration-banner p{font-size:8px;color:#7e8ba0;margin:0}.connected-count{text-align:right}.connected-count strong{font-size:22px;display:block}.connected-count span{font-size:6.5px;color:#748196}.integration-tabs{display:flex;gap:6px;margin-bottom:12px}.integration-tabs button{height:32px;border:1px solid var(--line);border-radius:8px;background:#0c1422;color:#6e7b90;font-size:7px;padding:0 11px}.integration-tabs button.active{background:rgba(139,92,246,.13);border-color:rgba(139,92,246,.3);color:#d8d1ff}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.integration-card{padding:16px;min-height:173px;position:relative}.integration-logo{width:42px;height:42px;border-radius:12px;background:var(--logo-bg,#fff);color:var(--logo-color,#111);display:grid;place-items:center;font-size:10px;font-weight:850;letter-spacing:-.02em;margin-bottom:16px}.integration-card h3{font-size:10px;margin:0 0 5px}.integration-card p{font-size:7px;color:#738095;line-height:1.5;margin:0 0 13px}.connection-status{position:absolute;right:15px;top:16px;font-size:6px;display:flex;align-items:center;gap:5px;color:var(--green)}.connection-status i{width:6px;height:6px;border-radius:50%;background:var(--green)}.connection-status.available{color:#6e7b90}.connection-status.available i{background:#4d596c}.integration-card .button{position:absolute;left:16px;bottom:15px}
/* Billing */
.billing-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.current-plan{padding:21px;background:radial-gradient(circle at 85% 15%,rgba(139,92,246,.19),transparent 35%),linear-gradient(145deg,#12192b,#0b111e)}.current-plan.gold-current{background:radial-gradient(circle at 88% 10%,rgba(255,184,77,.17),transparent 34%),linear-gradient(145deg,#171a29,#0b111e);border-color:rgba(255,199,101,.22)}.plan-head{display:flex;justify-content:space-between}.plan-head>div{display:flex;flex-direction:column}.plan-head span{font-size:7px;color:#758297}.plan-head strong{font-size:19px;margin-top:5px}.plan-head>div>small{font-size:6px;color:#95866a;margin-top:3px}.plan-price{text-align:right}.plan-price b{font-size:21px}.plan-price small{font-size:7px;color:#768398}.current-plan-highlights{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.current-plan-highlights span{font-size:6px;color:#c8b989;padding:6px 8px;border:1px solid rgba(255,199,101,.14);border-radius:20px;background:rgba(255,184,77,.05)}.billing-cycle{display:flex;align-items:center;gap:7px;margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.billing-cycle span{font-size:7px;color:#738095}.billing-cycle b{font-size:7px}.billing-cycle .button{margin-left:auto}.usage-card{padding:18px}.usage-card h3{font-size:10px;margin:0 0 17px}.usage-row{margin-bottom:17px}.usage-row-head{display:flex;justify-content:space-between;font-size:7px;margin-bottom:7px}.usage-row-head span{color:#748196}.usage-row-head b{font-weight:650}.usage-bar{height:7px;background:#1a2537;border-radius:8px;overflow:hidden}.usage-bar i{display:block;height:100%;width:var(--usage);background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:inherit}.usage-row small{font-size:5.8px;color:#657287;display:block;margin-top:5px}.billing-plans-section{margin-top:15px}.billing-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 2px 10px}.billing-section-head h2{font-size:15px;letter-spacing:-.025em;margin:0 0 4px}.billing-section-head p{font-size:7px;color:#738096;margin:0}.billing-section-head>span{font-size:6.5px;color:#9b8eef;border:1px solid rgba(139,92,246,.16);border-radius:20px;background:rgba(139,92,246,.06);padding:6px 9px;white-space:nowrap}.app-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.app-plan-card{--app-plan:#8b5cf6;--app-soft:rgba(139,92,246,.08);padding:15px;position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0%,var(--app-soft),transparent 38%),linear-gradient(145deg,#101827,#0b111d)}.app-plan-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--app-plan),transparent)}.app-plan-card.app-basic{--app-plan:#5d91ff;--app-soft:rgba(79,140,255,.08)}.app-plan-card.app-silver{--app-plan:#c7d3e7;--app-soft:rgba(199,211,231,.06)}.app-plan-card.app-gold{--app-plan:#ffc765;--app-soft:rgba(255,184,77,.1)}.app-plan-card.app-platinum{--app-plan:#aa91ff;--app-soft:rgba(139,92,246,.11)}.app-plan-card.current{border-color:rgba(255,199,101,.35);box-shadow:0 15px 45px rgba(126,82,16,.1)}.current-label{position:absolute;right:10px;top:10px;font-size:5.5px;text-transform:uppercase;letter-spacing:.08em;color:#ffe0a1;border:1px solid rgba(255,199,101,.2);border-radius:12px;background:rgba(255,184,77,.08);padding:4px 6px}.app-plan-top{display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:center;padding-right:45px}.app-plan-mark{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:var(--app-plan);background:color-mix(in srgb,var(--app-plan) 10%,#101827);border:1px solid color-mix(in srgb,var(--app-plan) 25%,transparent);font-size:8px;font-weight:850}.app-plan-top div{display:flex;flex-direction:column}.app-plan-top b{font-size:8.5px}.app-plan-top small{font-size:5.7px;color:#6e7b90;margin-top:2px}.app-plan-price{display:flex;align-items:flex-end;gap:5px;margin:15px 0 9px}.app-plan-price strong{font-size:20px;line-height:1;letter-spacing:-.04em}.app-plan-price sup{font-size:8px;vertical-align:top}.app-plan-price>small{font-size:5.8px;color:#6f7c90;padding-bottom:2px}.app-plan-minutes{height:39px;border:1px solid color-mix(in srgb,var(--app-plan) 16%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--app-plan) 4%,#0b121e);padding:7px 9px;display:flex;flex-direction:column;justify-content:center}.app-plan-minutes b{font-size:9px}.app-plan-minutes span{font-size:5.5px;color:#738095;margin-top:1px}.app-plan-card ul{list-style:none;margin:12px 0;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:92px}.app-plan-card li{font-size:6.2px;color:#9da8ba;padding:3.5px 0;line-height:1.3}.app-plan-card li::before{content:"✓";color:var(--green);margin-right:5px}.app-plan-card>.button{width:100%;height:31px}.billing-bottom{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:12px}.invoice-card{overflow:hidden}.invoice-row{display:grid;grid-template-columns:1.2fr .7fr .7fr .5fr;gap:10px;align-items:center;padding:12px 15px;border-top:1px solid var(--line)}.invoice-row span{font-size:7px;color:#7e8a9e}.invoice-row b{font-size:7.5px}.payment-card{padding:18px}.payment-method{height:70px;border:1px solid var(--line);border-radius:11px;background:#0f1827;display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:10px;padding:12px}.card-brand{width:39px;height:27px;border-radius:7px;background:linear-gradient(135deg,#2441a6,#4266d8);display:grid;place-items:center;font-size:7px;font-weight:800}.payment-method div{display:flex;flex-direction:column}.payment-method b{font-size:8px}.payment-method small{font-size:6px;color:#718095;margin-top:3px}.payment-method button{border:0;background:none;color:#9b8bea;font-size:6.5px}.billing-note{border:1px solid rgba(139,92,246,.14);border-radius:10px;background:rgba(139,92,246,.045);padding:11px;margin-top:12px;font-size:6.5px;color:#87819c;line-height:1.5}
/* Marketplace */
.market-hero{min-height:190px;padding:25px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:radial-gradient(circle at 80% 30%,rgba(139,92,246,.24),transparent 35%),linear-gradient(135deg,#14172c,#0b111e);overflow:hidden;position:relative}.market-hero h2{font-size:25px;letter-spacing:-.035em;margin:0 0 8px}.market-hero p{font-size:8.5px;color:#8490a4;max-width:590px;margin:0 0 17px}.market-robot{justify-self:center;position:relative}.market-robot .robot-orb{width:105px;height:105px}.market-robot::before,.market-robot::after{content:"";position:absolute;border:1px solid rgba(139,92,246,.2);border-radius:50%;inset:-35px}.market-robot::after{inset:-65px;border-style:dashed}.market-filter{display:flex;gap:6px;margin:12px 0;overflow:auto;padding-bottom:2px}.market-filter button{height:34px;border:1px solid var(--line);border-radius:9px;background:#0c1422;color:#6f7c91;font-size:7px;padding:0 11px;flex:none}.market-filter button.active{background:rgba(139,92,246,.14);border-color:rgba(139,92,246,.34);color:#ddd6ff}.market-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.template-card{padding:15px;min-height:219px;position:relative;transition:.18s}.template-card:hover{transform:translateY(-3px);border-color:rgba(139,92,246,.32)}.template-icon{width:40px;height:40px;border-radius:12px;background:var(--template-bg);color:var(--template-color);display:grid;place-items:center;font-size:9px;font-weight:850;letter-spacing:.02em;border:1px solid rgba(255,255,255,.09)}.template-card h3{font-size:10px;margin:14px 0 4px}.template-role{font-size:6.5px;color:var(--template-color);text-transform:uppercase;letter-spacing:.06em}.template-card p{font-size:7px;line-height:1.5;color:#758297;margin:11px 0 12px}.template-skills{display:flex;gap:5px;flex-wrap:wrap}.template-skills span{font-size:5.6px;color:#8894a8;border:1px solid var(--line);border-radius:6px;padding:4px 5px;background:#0e1725}.template-card .button{position:absolute;left:15px;right:15px;bottom:14px;width:calc(100% - 30px)}
/* Settings */
.settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:12px}.settings-nav{padding:9px}.settings-nav button{width:100%;height:37px;border:0;border-radius:8px;background:transparent;color:#758297;text-align:left;font-size:7.5px;padding:0 10px}.settings-nav button.active{background:rgba(139,92,246,.12);color:#d5ceff}.settings-content{padding:20px}.settings-content h2{font-size:15px;margin:0 0 5px}.settings-content>p{font-size:7.5px;color:#748196;margin:0 0 20px}.settings-section{padding:17px 0;border-top:1px solid var(--line)}.settings-section:first-of-type{border-top:0;padding-top:0}.settings-section h3{font-size:9px;margin:0 0 12px}.setting-row{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding:11px 0}.setting-row>div{display:flex;flex-direction:column}.setting-row b{font-size:7.5px}.setting-row small{font-size:6.2px;color:#6d7a8f;margin-top:3px}.setting-row .switch{margin:0}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.danger-zone{border:1px solid rgba(255,100,130,.18);border-radius:11px;background:rgba(255,100,130,.025);padding:13px}
/* Modal */
.modal-backdrop,.command-backdrop{position:fixed;inset:0;z-index:200;background:rgba(2,4,9,.76);backdrop-filter:blur(11px);display:none;align-items:center;justify-content:center;padding:18px}.modal-backdrop.open,.command-backdrop.open{display:flex}.hire-modal{width:min(760px,100%);max-height:min(780px,calc(100vh - 36px));overflow:auto;border:1px solid rgba(167,139,250,.28);border-radius:22px;background:radial-gradient(circle at 80% 0%,rgba(139,92,246,.12),transparent 32%),#0c1321;box-shadow:0 40px 110px rgba(0,0,0,.68);position:relative;animation:modalIn .24s ease}@keyframes modalIn{from{opacity:0;transform:scale(.97) translateY(9px)}to{opacity:1;transform:none}}.modal-close{position:absolute;right:15px;top:15px;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:#111a2a;color:#748196;z-index:2}.modal-close svg{width:14px;height:14px}.hire-progress{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:8px}.hire-progress span{width:62px;height:4px;border-radius:6px;background:#202a3b}.hire-progress span.active,.hire-progress span.done{background:linear-gradient(90deg,var(--purple),var(--cyan))}.hire-body{padding:30px 37px 35px}.hire-title{text-align:center;max-width:570px;margin:0 auto 24px}.hire-title .step-label{font-size:7px;color:#9b8cf0;text-transform:uppercase;letter-spacing:.1em;font-weight:750}.hire-title h2{font-size:24px;letter-spacing:-.035em;margin:9px 0 7px}.hire-title p{font-size:8.5px;line-height:1.55;color:#7d899e;margin:0}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice-card{min-height:127px;border:1px solid var(--line);border-radius:13px;background:#0e1726;padding:14px;cursor:pointer;transition:.17s;position:relative}.choice-card:hover,.choice-card.selected{border-color:rgba(139,92,246,.45);background:rgba(139,92,246,.085);box-shadow:inset 0 0 0 1px rgba(139,92,246,.09)}.choice-card.selected::after{content:"✓";position:absolute;right:10px;top:10px;width:19px;height:19px;border-radius:7px;background:var(--purple);display:grid;place-items:center;font-size:7px;font-weight:800}.choice-icon{width:36px;height:36px;border-radius:10px;background:rgba(139,92,246,.13);display:grid;place-items:center;color:#ac9bff;font-size:9px;font-weight:800}.choice-card h3{font-size:9px;margin:12px 0 4px}.choice-card p{font-size:6.7px;color:#718095;line-height:1.45;margin:0}.hire-actions{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.hire-actions .button{min-width:100px}.hire-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hire-form .full-field{grid-column:1/-1}.field label{display:block;font-size:6.5px;color:#748196;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;height:39px;border:1px solid var(--line);border-radius:9px;background:#0e1726;outline:none;padding:0 11px;font-size:8px}.field textarea{height:85px;padding-top:10px;resize:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(139,92,246,.45);box-shadow:0 0 0 3px rgba(139,92,246,.07)}.skill-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.skill-choice{height:49px;border:1px solid var(--line);border-radius:10px;background:#0e1726;display:grid;grid-template-columns:25px 1fr 19px;align-items:center;gap:9px;padding:0 11px;cursor:pointer}.skill-choice>span:first-child{width:24px;height:24px;border-radius:7px;background:rgba(139,92,246,.1);color:#a895ff;display:grid;place-items:center}.skill-choice svg{width:11px;height:11px}.skill-choice div{display:flex;flex-direction:column}.skill-choice b{font-size:7.5px}.skill-choice small{font-size:5.8px;color:#68758b;margin-top:2px}.skill-choice>i{width:17px;height:17px;border-radius:6px;border:1px solid #354156;display:grid;place-items:center;color:transparent;font-style:normal}.skill-choice.selected>i{background:var(--purple);border-color:var(--purple);color:#fff}.voice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.voice-card{height:85px;border:1px solid var(--line);border-radius:12px;background:#0e1726;display:grid;grid-template-columns:36px 1fr 31px;gap:10px;align-items:center;padding:12px;cursor:pointer}.voice-card.selected{border-color:rgba(139,92,246,.45);background:rgba(139,92,246,.08)}.voice-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#c98e74,#61385e);display:grid;place-items:center;font-size:9px;font-weight:800}.voice-card:nth-child(2) .voice-avatar{background:linear-gradient(145deg,#7da0d5,#3b4f78)}.voice-card:nth-child(3) .voice-avatar{background:linear-gradient(145deg,#d8a37a,#7d4531)}.voice-card:nth-child(4) .voice-avatar{background:linear-gradient(145deg,#91c3b1,#3b6e5e)}.voice-card div:nth-child(2){display:flex;flex-direction:column}.voice-card b{font-size:8px}.voice-card small{font-size:6px;color:#6e7b90;margin-top:3px}.voice-play{width:29px;height:29px;border:1px solid rgba(139,92,246,.28);background:rgba(139,92,246,.1);color:#aa99ff;border-radius:50%;display:grid;place-items:center}.voice-play svg{width:10px;height:10px;fill:currentColor;stroke-width:0;margin-left:2px}.training-screen{text-align:center;padding:17px 0 5px}.training-orb{width:145px;height:145px;border-radius:50%;margin:0 auto 22px;background:conic-gradient(var(--green) 0 var(--training),#1b2639 var(--training));display:grid;place-items:center;position:relative;box-shadow:0 0 45px rgba(37,214,159,.08)}.training-orb::before{content:"";position:absolute;inset:12px;border-radius:50%;background:#0c1321}.training-orb div{position:relative}.training-orb strong{font-size:26px;display:block}.training-orb small{font-size:6.5px;color:#78859a}.training-screen h2{font-size:22px;margin:0 0 7px}.training-screen>p{font-size:8px;color:#758297;margin:0}.training-steps{max-width:430px;margin:22px auto 0;text-align:left}.training-row{height:38px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px}.training-row>span{width:21px;height:21px;border-radius:7px;background:rgba(37,214,159,.09);display:grid;place-items:center;color:var(--green)}.training-row svg{width:10px;height:10px}.training-row b{font-size:7px}.training-row i{font-style:normal;font-size:6px;color:var(--green)}.live-success{text-align:center;padding:7px 0}.success-robot{width:125px;height:125px;margin:0 auto 18px}.success-robot .robot-orb{width:125px;height:125px}.success-badge{display:inline-flex;align-items:center;gap:6px;color:#4fe0aa;background:rgba(37,214,159,.08);border:1px solid rgba(37,214,159,.14);border-radius:20px;padding:6px 10px;font-size:7px}.live-success h2{font-size:25px;margin:15px 0 7px}.live-success>p{font-size:8.5px;color:#768398;margin:0 auto;max-width:470px}.success-features{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:23px}.success-feature{border:1px solid var(--line);border-radius:10px;background:#0e1726;padding:11px}.success-feature span{width:23px;height:23px;border-radius:7px;background:rgba(37,214,159,.09);color:var(--green);display:grid;place-items:center;margin:0 auto 7px}.success-feature svg{width:11px;height:11px}.success-feature b{font-size:6.5px;display:block}
/* Command, notifications, toast */
.command-backdrop{align-items:flex-start;padding-top:11vh}.command-palette{width:min(610px,100%);border:1px solid rgba(167,139,250,.25);border-radius:17px;background:#0c1321;box-shadow:0 35px 100px rgba(0,0,0,.66);overflow:hidden}.command-input{height:58px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:19px 1fr auto;align-items:center;gap:10px;padding:0 16px}.command-input svg{width:16px;height:16px;color:#78859a}.command-input input{border:0;background:transparent;outline:none;font-size:10px}.command-results{padding:8px;max-height:390px;overflow:auto}.command-section-title{font-size:6px;text-transform:uppercase;letter-spacing:.08em;color:#566378;padding:8px 9px 5px}.command-result{width:100%;height:44px;border:0;border-radius:9px;background:transparent;display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:9px;text-align:left;padding:0 9px}.command-result:hover{background:rgba(139,92,246,.1)}.command-result>span:first-child{width:28px;height:28px;border-radius:8px;background:#121b2b;display:grid;place-items:center;color:#9183df}.command-result svg{width:13px;height:13px}.command-result div{display:flex;flex-direction:column}.command-result b{font-size:7.5px}.command-result small{font-size:6px;color:#657287;margin-top:2px}.command-result>small{font-size:6px;color:#657287}.notification-panel{position:fixed;right:14px;top:62px;width:330px;max-height:calc(100vh - 80px);z-index:120;border:1px solid var(--line);border-radius:16px;background:#0c1321;box-shadow:0 30px 90px rgba(0,0,0,.55);overflow:auto;transform:translateX(calc(100% + 30px));opacity:0;transition:.22s}.notification-panel.open{transform:none;opacity:1}.notification-head{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line)}.notification-head div{display:flex;flex-direction:column}.notification-head strong{font-size:9px}.notification-head small{font-size:6px;color:#6f7c91;margin-top:2px}.notification-head button{width:29px;height:29px;border:0;border-radius:8px;background:#111a2a;color:#68758a}.notification-head svg{width:12px;height:12px}.notification-item{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line);position:relative}.notification-item.unread::after{content:"";position:absolute;right:11px;top:15px;width:5px;height:5px;border-radius:50%;background:var(--purple)}.notice-icon{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;font-size:9px}.notice-icon.purple{color:#aa99ff;background:rgba(139,92,246,.12)}.notice-icon.green{color:#48dda8;background:rgba(37,214,159,.1)}.notice-icon.blue{color:#70a5ff;background:rgba(79,140,255,.1)}.notice-icon.amber{color:#ffc465;background:rgba(255,184,77,.1)}.notification-item div{display:flex;flex-direction:column}.notification-item strong{font-size:7.5px}.notification-item p{font-size:6.5px;color:#758297;margin:4px 0}.notification-item small{font-size:5.7px;color:#566378}.toast{position:fixed;left:50%;bottom:24px;z-index:300;transform:translate(-50%,calc(100% + 50px));opacity:0;min-width:210px;height:45px;border:1px solid rgba(37,214,159,.22);border-radius:12px;background:#0e1725;box-shadow:0 20px 60px rgba(0,0,0,.5);display:flex;align-items:center;gap:9px;padding:0 12px;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}.toast span{width:24px;height:24px;border-radius:8px;background:rgba(37,214,159,.1);color:var(--green);display:grid;place-items:center}.toast svg{width:11px;height:11px}.toast p{font-size:7.5px;margin:0;color:#bbc3d0}.mobile-nav{display:none}
/* responsive */
@media(max-width:1180px){
  :root{--sidebar-w:225px}.app-brand img{width:170px}.side-nav p{margin-top:9px}.nav-item{height:37px}.main-content{padding-left:18px;padding-right:18px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.employee-grid{grid-template-columns:repeat(2,1fr)}.market-grid{grid-template-columns:repeat(3,1fr)}.inbox-layout{grid-template-columns:260px minmax(0,1fr)}.conversation-info{display:none}.knowledge-layout-app{grid-template-columns:215px minmax(0,1fr)}.training-panel{display:none}.automation-grid,.integration-grid{grid-template-columns:repeat(2,1fr)}.app-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  :root{--sidebar-w:0px;--topbar-h:62px}.sidebar{width:260px;transform:translateX(-102%);transition:.23s;box-shadow:30px 0 80px rgba(0,0,0,.5)}.sidebar.open{transform:none}.mobile-close{display:block}.topbar{left:0;padding:0 14px}.mobile-menu{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#0d1422;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.mobile-menu span{width:15px;height:1px;background:#a7b0c0}.global-search{margin-left:8px;width:min(440px,50vw)}.status-button{display:none}.main-content{margin-left:0;padding:calc(var(--topbar-h) + 18px) 14px 85px}.welcome-card{grid-template-columns:1fr .5fr}.employee-summary{grid-template-columns:1fr}.employee-health{display:none}.calls-layout{grid-template-columns:310px minmax(400px,1fr);overflow-x:auto}.appointment-layout{grid-template-columns:1fr}.schedule-card{max-height:480px}.pipeline-board{grid-template-columns:repeat(4,260px)}.inbox-layout{grid-template-columns:245px minmax(480px,1fr);overflow-x:auto}.knowledge-layout-app{grid-template-columns:200px minmax(520px,1fr);overflow-x:auto}.analytics-grid{grid-template-columns:1fr}.analytics-bottom{grid-template-columns:1fr 1fr}.billing-layout,.billing-bottom{grid-template-columns:1fr}.market-grid{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:180px minmax(0,1fr)}.mobile-nav{display:flex;position:fixed;z-index:45;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));height:61px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(9,14,24,.94);backdrop-filter:blur(18px);box-shadow:0 20px 65px rgba(0,0,0,.45);align-items:center;justify-content:space-around;padding:0 7px}.mobile-nav button{width:54px;height:51px;border:0;background:transparent;color:#69768a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.mobile-nav button svg{width:16px;height:16px}.mobile-nav button span{font-size:6px}.mobile-nav button.active{color:#b7a8ff}.mobile-nav .mobile-hire{width:47px;height:47px;border-radius:15px;background:linear-gradient(145deg,var(--purple),var(--purple-2));color:#fff;box-shadow:0 12px 26px rgba(109,93,252,.35);margin-top:-22px}.mobile-nav .mobile-hire svg{width:20px;height:20px}.modal-backdrop{padding:10px}.hire-modal{max-height:calc(100vh - 20px)}
}
@media(max-width:650px){
  .topbar{gap:7px}.global-search{width:38px;padding:0;display:grid;place-items:center}.global-search span,.global-search kbd{display:none}.top-actions{margin-left:auto}.notification-button{display:none}.primary-action{width:38px;padding:0;justify-content:center}.primary-action span{display:none}.page-head{align-items:center}.page-title h1{font-size:20px}.page-actions .select-button{display:none}.page-actions .button:not(.primary):not(.icon-only){display:none}
  .welcome-card{grid-template-columns:1fr;min-height:210px;padding:20px}.welcome-visual{position:absolute;right:10px;bottom:4px;opacity:.35;transform:scale(.7)}.welcome-copy h2{font-size:22px;max-width:260px}.welcome-copy p{max-width:260px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kpi-card{min-height:95px;padding:13px}.overview-grid{gap:8px}.chart-card{min-height:270px}.chart-container{height:200px;padding-left:7px;padding-right:7px}.performance-body{grid-template-columns:100px 1fr}.performance-ring{width:95px;height:95px}.conversation-card{overflow-x:auto}.data-table{min-width:720px}.quick-grid{grid-template-columns:1fr 1fr;gap:8px}.quick-card{padding:11px;gap:8px}.quick-icon{width:30px;height:30px}.employee-grid{grid-template-columns:1fr}.employee-hero{grid-template-columns:1fr}.team-stack{display:none}.filter-bar{flex-wrap:wrap}.filter-spacer{display:none}.search-small{width:100%;order:3}.calls-layout{display:block;min-height:0;overflow:visible}.call-list-card{margin-bottom:10px}.call-list-card .call-row:nth-of-type(n+6){display:none}.call-detail{min-height:620px}.call-summary-grid{grid-template-columns:repeat(2,1fr)}.appointment-layout{display:block}.calendar-card{overflow-x:auto}.calendar-toolbar,.week-header,.week-grid{min-width:760px}.schedule-card{margin-top:10px}.pipeline-summary,.customer-stats,.analytics-kpis{grid-template-columns:repeat(2,1fr);gap:8px}.pipeline-board{grid-template-columns:repeat(4,260px)}.customer-list-card{overflow-x:auto}.table-toolbar{min-width:700px}.customer-table{min-width:850px}.inbox-layout{display:block;min-height:0;overflow:visible}.inbox-sidebar{border-right:0}.thread-item:nth-of-type(n+6){display:none}.message-pane{min-height:600px;border-top:1px solid var(--line)}.knowledge-layout-app{display:block;min-height:0;overflow:visible}.knowledge-nav{border-right:0;border-bottom:1px solid var(--line)}.tree-file,.tree-folder:nth-of-type(n+5){display:none}.editor-body{padding:14px}.form-row{grid-template-columns:1fr}.automation-hero{grid-template-columns:1fr}.automation-stats{margin:17px 0 0;justify-content:flex-start}.automation-grid,.integration-grid{grid-template-columns:1fr}.analytics-bottom{grid-template-columns:1fr}.large-chart{min-height:330px}.large-chart-body{height:270px}.billing-layout,.billing-bottom{display:block}.usage-card,.payment-card{margin-top:10px}.billing-section-head{align-items:flex-start;flex-direction:column;gap:8px}.app-plan-grid{grid-template-columns:1fr}.app-plan-card ul{min-height:0}.invoice-card{overflow-x:auto}.invoice-row{min-width:570px}.market-hero{grid-template-columns:1fr;padding:21px}.market-robot{display:none}.market-grid{grid-template-columns:1fr}.settings-layout{display:block}.settings-nav{display:flex;overflow:auto;gap:4px;margin-bottom:10px}.settings-nav button{width:auto;flex:none;padding:0 12px}.profile-fields{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr 1fr}.hire-body{padding:26px 18px 24px}.hire-progress{height:60px}.hire-progress span{width:42px}.hire-form,.skill-list,.voice-grid{grid-template-columns:1fr}.success-features{grid-template-columns:repeat(2,1fr)}.command-backdrop{padding:10px;padding-top:8vh}.notification-panel{right:8px;left:8px;width:auto}.toast{bottom:85px}
}
@media(max-width:410px){.choice-grid{grid-template-columns:1fr}.performance-body{grid-template-columns:1fr}.performance-ring{margin:auto}.market-grid{grid-template-columns:1fr}.success-features{grid-template-columns:1fr 1fr}.hire-title h2{font-size:21px}.quick-grid{grid-template-columns:1fr}.kpi-card strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Authentication and onboarding entry pages */
.auth-body{min-height:100vh;margin:0;background:#070a13;color:#f6f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:grid;grid-template-columns:1.05fr .95fr}.auth-brand-panel{position:relative;overflow:hidden;padding:44px 56px;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 15%,rgba(139,92,246,.2),transparent 33%),linear-gradient(145deg,#0b1020,#070a13)}.auth-brand-panel::after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;border:1px solid rgba(139,92,246,.16);right:-300px;bottom:-330px;box-shadow:0 0 0 75px rgba(139,92,246,.025),0 0 0 150px rgba(139,92,246,.015)}.auth-logo{width:205px;position:relative;z-index:2}.auth-message{margin:auto 0;max-width:630px;position:relative;z-index:2}.auth-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#b0a2f0}.auth-message h1{font-size:clamp(45px,5vw,72px);line-height:1;letter-spacing:-.05em;margin:20px 0}.auth-message h1 span{background:linear-gradient(90deg,#a78bfa,#42d7d0);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-message p{font-size:15px;line-height:1.7;color:#98a4b8}.auth-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:35px}.auth-proof div{border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025);padding:15px;display:flex;flex-direction:column}.auth-proof strong{font-size:13px}.auth-proof small{font-size:7px;color:#748095;margin-top:4px}.auth-form-panel{display:grid;place-items:center;padding:40px;background:#090e18}.auth-card{width:min(430px,100%);border:1px solid rgba(255,255,255,.08);border-radius:22px;background:#0d1422;padding:36px;box-shadow:0 35px 90px rgba(0,0,0,.35)}.auth-card>span{font-size:9px;color:#a99bea;text-transform:uppercase;letter-spacing:.12em}.auth-card h2{font-size:29px;margin:12px 0 8px;letter-spacing:-.04em}.auth-card>p{font-size:11px;color:#8490a4;line-height:1.6;margin-bottom:25px}.auth-card label{display:flex;flex-direction:column;gap:7px;font-size:9px;color:#aeb7c5;margin-bottom:15px}.auth-card input{height:48px;border:1px solid rgba(255,255,255,.085);border-radius:11px;background:#09101b;color:#fff;padding:0 13px;outline:none}.auth-card input:focus{border-color:rgba(139,92,246,.6);box-shadow:0 0 0 3px rgba(139,92,246,.08)}.auth-card .auth-row{display:flex;align-items:center;justify-content:space-between;margin:5px 0 18px}.auth-row label{flex-direction:row;margin:0;align-items:center}.auth-row input{height:auto}.auth-card a{color:#b6a7ff;text-decoration:none}.auth-button{width:100%;height:49px;border:0;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#6d5dfc);color:#fff;font-weight:750;cursor:pointer;box-shadow:0 13px 32px rgba(109,93,252,.27)}.auth-divider{display:flex;align-items:center;gap:10px;color:#5e697c;font-size:8px;margin:22px 0}.auth-divider::before,.auth-divider::after{content:"";height:1px;background:rgba(255,255,255,.07);flex:1}.auth-demo{width:100%;height:45px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.03);color:#e8ebf2;cursor:pointer}.auth-bottom{text-align:center;font-size:9px;color:#738095;margin:20px 0 0}.auth-status{min-height:18px;font-size:9px;color:#69dfb4;margin-top:12px;line-height:1.5}.auth-back{position:absolute;top:34px;right:40px;color:#7f8a9d!important;font-size:9px;z-index:3}.auth-footer{font-size:8px;color:#606b7e;position:relative;z-index:2}@media(max-width:850px){.auth-body{grid-template-columns:1fr}.auth-brand-panel{min-height:360px;padding:30px}.auth-message{margin:75px 0 35px}.auth-message h1{font-size:46px}.auth-proof{display:none}.auth-form-panel{padding:30px 18px 50px}.auth-back{top:24px;right:25px}}@media(max-width:520px){.auth-brand-panel{min-height:320px}.auth-message h1{font-size:39px}.auth-logo{width:175px}.auth-card{padding:26px}.auth-form-panel{place-items:start center}}


/* Smooth app navigation — v5 */
body{overscroll-behavior-y:none}
.main-content,.side-nav,.call-list-card,.inbox-sidebar,.settings-nav{scroll-behavior:smooth}
.main-content{transition:opacity .18s ease,transform .18s ease}
.main-content.route-entering{opacity:.68;transform:translateY(5px)}
.app-plan-minutes.max{background:linear-gradient(135deg,rgba(139,92,246,.11),rgba(55,214,205,.045));border-color:rgba(170,145,255,.24)}
.app-plan-minutes.max b{color:#d8ceff}
@media(prefers-reduced-motion:reduce){.main-content{transition:none}.main-content.route-entering{opacity:1;transform:none}}


/* Agentlivo v6 — billing tiers and smoother dashboard motion */
html{scroll-behavior:smooth;scrollbar-gutter:stable}
body::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:9px}
body::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:#070a13}
body::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6d5dfc,#22d3ee);border:2px solid #070a13;border-radius:999px}
.app-plan-card{padding:18px;transition:transform .24s cubic-bezier(.2,.75,.2,1),border-color .24s ease,box-shadow .24s ease;isolation:isolate}
.app-plan-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--app-plan) 36%,transparent);box-shadow:0 20px 55px rgba(0,0,0,.25)}
.app-plan-card[data-tier]::after{content:attr(data-tier);position:absolute;right:10px;bottom:5px;font-size:33px;line-height:1;font-weight:850;letter-spacing:-.08em;color:color-mix(in srgb,var(--app-plan) 7%,transparent);pointer-events:none}
.max-label{position:absolute;right:10px;top:10px;font-size:5.5px;text-transform:uppercase;letter-spacing:.08em;color:#d9cbff;border:1px solid rgba(167,139,250,.22);border-radius:12px;background:rgba(139,92,246,.09);padding:4px 6px}
.app-plan-capacity{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 2px}
.app-plan-capacity>span{min-height:43px;border:1px solid color-mix(in srgb,var(--app-plan) 16%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--app-plan) 4%,#0b121e);padding:7px 8px;display:flex;flex-direction:column;justify-content:center}
.app-plan-capacity b{font-size:8.5px;line-height:1}
.app-plan-capacity small{font-size:5.2px;color:#738095;margin-top:4px;text-transform:uppercase;letter-spacing:.035em}
.app-plan-card ul{min-height:96px}
@media(max-width:760px){.app-plan-card:hover{transform:none}.app-plan-card ul{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-plan-card{transition:none}}

/* Agentlivo v6.0 — final verified billing tiers */
html{scroll-behavior:smooth}
.app-plan-grid{gap:13px}
.app-plan-card{min-height:330px;border-radius:16px;background:linear-gradient(150deg,#121b2d,#0a101b);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 54px rgba(0,0,0,.24)}
.app-plan-card::before{height:3px;opacity:.95}
.app-plan-card.app-silver{background:radial-gradient(circle at 90% 0%,rgba(216,226,241,.1),transparent 35%),linear-gradient(150deg,#151d2b,#0a101b)}
.app-plan-card.app-gold{background:radial-gradient(circle at 90% 0%,rgba(255,199,101,.15),transparent 36%),linear-gradient(150deg,#191a24,#0a1019)}
.app-plan-card.app-platinum{background:radial-gradient(circle at 90% 0%,rgba(169,132,255,.16),transparent 36%),linear-gradient(150deg,#17152b,#0a101c)}
.app-plan-card.current{border-color:rgba(255,199,101,.48);box-shadow:0 24px 70px rgba(126,82,16,.16),0 0 42px rgba(255,184,77,.07)}
.app-plan-top b{font-size:10px}.app-plan-top small{font-size:6.5px}.app-plan-price strong{font-size:25px}.app-plan-minutes{height:48px}.app-plan-minutes b{font-size:10px}.app-plan-card li{font-size:7px;padding:4.5px 0}.app-plan-card>.button{height:36px;border-radius:10px}
@media(max-width:760px){.app-plan-card{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}