:root{font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:#f5f7fb}.app-shell{min-height:100vh}.sidebar{width:248px;background:#101b2d;color:#fff;position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;padding:25px 16px 18px}.main-area{margin-left:248px;min-height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 11px 32px}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#8cf0ca,#43c9aa);display:grid;place-items:center;color:#10283a}.brand-word{font-family:Manrope,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.6px}.brand-word span{color:#63d8b9}.nav-caption{color:#8290a8;text-transform:uppercase;letter-spacing:1.3px;font-size:10px;font-weight:700;padding:0 13px;margin-bottom:9px}.nav-list{display:grid;gap:5px}.nav-item{width:100%;justify-content:flex-start!important;color:#aab5c7!important;padding:11px 13px!important;border-radius:10px!important;gap:13px!important;font-size:13px!important;font-weight:600!important}.nav-item.active{background:#26344b!important;color:#f4f8ff!important}.nav-item.active .MuiSvgIcon-root{color:#76e0c2}.sidebar-bottom{margin-top:auto}.workspace-card{background:#1a2940;border:1px solid #2b3b53;border-radius:13px;padding:14px;margin:0 4px 16px}.workspace-label{font-size:10px;color:#9ca9bd;margin-bottom:8px}.workspace-name{font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-id{font-size:10px;color:#9ca9bd;margin-top:5px}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#ffffffd1;border-bottom:1px solid #e9edf4;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.content{max-width:1420px;padding:35px 40px 60px;margin:auto}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.25px;color:#929bb0;font-weight:700}.page-title{margin:5px 0 7px!important;letter-spacing:-1.3px!important}.page-subtitle{color:#778298;font-size:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px}.section-heading h2{font-size:16px;margin:0;font-family:Manrope,sans-serif}.stat-card{padding:20px 21px;height:100%;position:relative;overflow:hidden}.stat-label{font-size:12px;color:#7b869b;font-weight:600}.stat-number{font:800 27px Manrope,sans-serif;color:#1a2940;letter-spacing:-1px;margin-top:12px}.stat-helper{font-size:11px;color:#8b95a7;margin-top:5px}.stat-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;position:absolute;right:19px;top:18px}.surface-card{padding:21px}.table-head{font-size:10px!important;text-transform:uppercase;font-weight:700!important;letter-spacing:.8px;color:#9099aa!important;background:#fafbfc}.table-cell{font-size:12px!important;color:#34415a!important;border-bottom:1px solid #eff1f6!important}.agent-card{padding:20px;height:100%;transition:transform .2s,box-shadow .2s}.agent-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #1d2b4a14}.agent-avatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#e7eaff;color:#485edb}.empty-state{padding:48px 20px;text-align:center;color:#7b869b}.auth-bar{display:flex;align-items:center;gap:10px}.mobile-menu{display:none!important}.page-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:17px}.trend-chart{height:175px;position:relative;margin-top:18px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 42px,#f0f2f7 43px,#f0f2f7 44px)}.chart-line{position:absolute;top:7px;right:4px;bottom:0;left:4px;width:calc(100% - 8px);height:calc(100% - 7px);overflow:visible}.chart-labels{display:flex;justify-content:space-between;color:#9aa3b4;font-size:10px;margin-top:9px}.quick-action{border:1px solid #eaedf4!important;border-radius:12px!important;padding:13px!important;justify-content:flex-start!important;gap:11px!important;color:#26344b!important;font-size:12px!important}.quick-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef0ff;color:#4b60d8}.integration-card{padding:20px;display:flex;align-items:center;gap:16px}.provider-mark{width:45px;height:45px;border-radius:13px;background:#eff1ff;color:#4b5fd2;display:grid;place-items:center;font-weight:800}.call-banner{background:linear-gradient(110deg,#172844,#273c63 70%,#315b69);color:#fff;padding:25px 27px;border-radius:18px;position:relative;overflow:hidden}.call-banner:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:50px;top:-140px;box-shadow:0 0 0 24px #ffffff06,0 0 0 50px #ffffff05}.call-banner h2{font:700 19px Manrope,sans-serif;margin:0 0 6px;position:relative;z-index:1}.call-banner p{color:#b8c6db;font-size:12px;margin:0;position:relative;z-index:1}.call-banner .MuiButton-root{position:relative;z-index:2}.error-box{border:1px solid #f2d4d1;background:#fff7f6;border-radius:12px;padding:13px 15px;color:#a94a42;font-size:12px}.success-box{border:1px solid #cbece2;background:#f3fcf8;border-radius:12px;padding:13px 15px;color:#13785f;font-size:12px}.token-dialog-note{background:#f5f7fb;border-radius:10px;padding:12px;color:#6e798e;font-size:12px;line-height:1.55}@media(max-width:1100px){.sidebar{width:218px}.main-area{margin-left:218px}.content{padding:30px 25px}.topbar{padding:0 25px}.span-8,.span-4{grid-column:span 12}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .25s}.sidebar.open{transform:translate(0);box-shadow:20px 0 60px #0a142338}.main-area{margin-left:0}.mobile-menu{display:inline-flex!important}.topbar{height:66px;padding:0 15px}.content{padding:26px 16px 45px}.page-title{font-size:25px!important}.auth-label{display:none}.span-6{grid-column:span 12}.call-banner{padding:21px}.auth-bar .MuiButton-root{min-width:0;padding:8px 11px}.chart-labels{font-size:9px}}.login-page{min-height:100vh;position:relative;overflow:hidden;display:grid;place-items:center;padding:24px;background:#0d1728;color:#17243b}.login-glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(2px)}.login-glow-one{width:520px;height:520px;top:-250px;right:-130px;background:radial-gradient(circle,rgba(84,209,177,.22),transparent 68%)}.login-glow-two{width:620px;height:620px;bottom:-390px;left:-240px;background:radial-gradient(circle,rgba(89,107,236,.22),transparent 70%)}.login-card{position:relative;width:min(100%,430px);padding:42px 40px 30px;border:1px solid rgba(223,232,247,.8);border-radius:22px!important;text-align:center;background:#fffffff7!important;box-shadow:0 28px 90px #00000042!important}.login-brand-mark{margin:0 auto 20px;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#10283a;background:linear-gradient(145deg,#8cf0ca,#43c9aa)}.login-brand-mark .MuiSvgIcon-root{font-size:25px}.login-eyebrow{color:#77839a;font-size:10px;font-weight:800;letter-spacing:1.7px}.login-title{margin:9px 0!important;font-family:Manrope,sans-serif!important;font-weight:800!important;letter-spacing:-1.1px!important;color:#18243a}.login-description{color:#748097!important;font-size:13px!important;line-height:1.65!important;margin:0 auto 23px!important;max-width:315px}.login-provider{margin-top:24px;color:#929caf;font-size:10px;line-height:1.7}.login-provider code{color:#5d6981;font-size:10px}.login-footer{position:absolute;bottom:20px;color:#9ba9bf;font-size:10px;letter-spacing:.15px}@media(max-width:480px){.login-card{padding:34px 23px 25px}.login-title{font-size:26px!important}}html,body,#root{min-height:100%;width:100%}body{overflow-x:hidden}.main-area,.content,.page-grid,.page-grid>div,.surface-card,.stat-card,.agent-card{min-width:0}.page-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch}.span-3{grid-column:span 3}.span-8{grid-column:span 8}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-12{grid-column:span 12}.surface-card{overflow-x:auto}.stat-card{padding:19px 17px}.stat-number{overflow-wrap:anywhere;font-size:clamp(21px,2.1vw,27px)}.stat-icon{right:15px;top:15px;width:34px;height:34px}.table-cell,.table-head{white-space:nowrap}.call-banner,.agent-card,.integration-card{min-width:0;overflow-wrap:anywhere}.call-banner h2,.call-banner p{max-width:100%}.MuiDialog-paper{max-width:calc(100% - 32px)}@media(max-width:1100px){.sidebar{width:218px}.main-area{margin-left:218px}.content{padding:30px 24px 50px}.topbar{padding:0 24px}.span-3{grid-column:span 6}.span-8,.span-4{grid-column:span 12}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .25s}.sidebar.open{transform:translate(0);box-shadow:20px 0 60px #0a142338}.main-area{margin-left:0}.mobile-menu{display:inline-flex!important}.topbar{height:66px;padding:0 13px;gap:8px}.topbar>.MuiStack-root{min-width:0}.content{padding:25px 15px 42px}.page-title{font-size:25px!important;line-height:1.18!important}.page-subtitle{font-size:13px;line-height:1.5}.span-3,.span-6{grid-column:span 6}.span-8,.span-4{grid-column:span 12}.page-grid{gap:12px}.surface-card{padding:16px}.stat-card{min-height:118px;padding:16px 14px}.stat-label{max-width:calc(100% - 30px);font-size:10px}.stat-number{margin-top:15px;font-size:21px}.stat-helper{max-width:95%;font-size:10px;line-height:1.35}.stat-icon{top:12px;right:12px;width:29px;height:29px}.stat-icon .MuiSvgIcon-root{font-size:18px}.auth-bar{gap:4px}.auth-bar .MuiChip-root{max-width:118px;height:25px;font-size:9px}.auth-bar .MuiButton-root{min-width:0;padding:7px 9px;font-size:11px}.auth-bar .MuiAvatar-root{width:28px;height:28px;font-size:10px}.call-banner{align-items:flex-start!important;flex-direction:column;padding:20px}.call-banner .MuiButton-root{align-self:flex-start}.integration-card{gap:12px;padding:15px}.MuiDialog-paper{max-height:calc(100% - 32px);margin:16px}}@media(max-width:480px){.content{padding:21px 12px 35px}.topbar{padding:0 9px}.topbar .eyebrow{font-size:9px;letter-spacing:.8px}.auth-bar .MuiChip-root{max-width:31px;overflow:hidden;padding-right:0}.auth-bar .MuiChip-label{display:none}.auth-bar .MuiChip-icon{margin:0 4px}.auth-bar .MuiButton-root{padding:6px 7px;font-size:10px}.auth-bar .MuiAvatar-root{display:none}.page-title{font-size:23px!important}.span-3,.span-6{grid-column:span 12}.stat-card{min-height:105px}.stat-number{font-size:25px}.section-heading{align-items:flex-start;gap:8px}.section-heading .MuiButton-root{white-space:nowrap}.empty-state{padding:34px 12px}.MuiDialogActions-root{flex-wrap:wrap}}.theme-dark{color:#e7edf8;background:#0c1422;color-scheme:dark}.theme-dark .topbar{background:#0f1827e6;border-color:#26354a}.theme-dark .eyebrow,.theme-dark .page-subtitle,.theme-dark .stat-label,.theme-dark .stat-helper{color:#9eabc0}.theme-dark .stat-number{color:#e8eef8}.theme-dark .stat-icon{background:#25334a!important}.theme-dark .surface-card,.theme-dark .agent-card{border-color:#26364d}.theme-dark .table-head{background:#1b293e;color:#aab8cc!important}.theme-dark .table-cell{color:#d4deed!important;border-bottom-color:#26344a!important}.theme-dark .agent-avatar,.theme-dark .provider-mark{background:#263450!important;color:#b6c2ff!important}.theme-dark .quick-action{color:#e3eaf5!important;border-color:#2a3950!important}.theme-dark .quick-icon{background:#293754!important;color:#b4c1ff!important}.theme-dark .empty-state{color:#9eabc0}.theme-dark .empty-state b{color:#e6edf8!important}.theme-dark .token-dialog-note{background:#1b293e;color:#bac5d7}.theme-dark .surface-card code{color:#b7c4ff}