:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#242334;background:#f6f7fb;font-synthesis:none;--violet:#7355d7;--violet-dark:#5d3fc0;--purple-soft:#f0ebfc;--ink:#242334;--muted:#7d7a8e;--line:#e9e8f0;--green:#248667;--red:#c04a60;--amber:#a87316;--sidebar:#1c182b;--shadow:0 8px 32px rgba(31,22,57,.05)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}[hidden]{display:none!important}:focus-visible{outline:3px solid #b6a2f6;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:29px;margin-bottom:8px;font-weight:650}h2{font-size:21px;font-weight:650}h3{font-size:16px;font-weight:650}p{line-height:1.6}.muted{color:var(--muted)}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.16em;font-weight:750;color:var(--violet);margin-bottom:14px}.eyebrow.light{color:#bfb2ed}.small{font-size:12px}.initial-loading{height:100dvh;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--muted)}.spinner{display:inline-block;width:18px;height:18px;border:2px solid #ded6f4;border-top-color:var(--violet);border-radius:50%;animation:spin .7s linear infinite}.button .spinner{border-top-color:currentColor}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1.1px}.brand-mark{width:35px;height:35px;border-radius:10px;background:var(--violet);color:#fff;display:inline-flex;position:relative;align-items:center;justify-content:center;font-size:23px;font-weight:800;letter-spacing:-2px;line-height:1}.brand-mark>span{position:absolute;font-size:16px;right:3px;top:1px;letter-spacing:0}.brand-dot{color:#a68bf0}.auth-screen{min-height:100dvh;display:grid;grid-template-columns:1fr 1.08fr}.auth-story{padding:48px 58px;background:radial-gradient(ellipse at 10% 100%,#453064 0,transparent 55%),var(--sidebar);color:#fff;display:flex;flex-direction:column;min-height:100dvh}.auth-story-content{margin:auto 0;padding:70px 0;max-width:500px}.auth-story h1{font-size:clamp(37px,4.2vw,61px);line-height:1.12;font-weight:550;margin:20px 0 25px;letter-spacing:-.06em}.auth-story p{font-size:15px;max-width:370px;color:#aaa0bd}.auth-capabilities{display:flex;flex-direction:column;gap:19px;margin-top:45px;color:#d8d1e9;font-size:13px}.auth-capabilities span{margin-right:15px;font-size:10px;color:#9a83cf;border:1px solid #524168;border-radius:50%;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center}.auth-story-footer{font-size:11px;color:#9b90af;display:flex;gap:8px;align-items:center}.auth-panel{display:flex;align-items:center;justify-content:center;position:relative;padding:55px 35px;background:#fff}.auth-form-wrap{width:100%;max-width:370px}.auth-form-wrap h2{font-size:29px;margin-bottom:12px}.auth-form-wrap>.muted{font-size:13px;margin-bottom:30px}.auth-mobile-brand{display:none}.auth-footer{position:absolute;bottom:25px;font-size:11px;color:#aaa6b6}.auth-security{margin-top:28px;border-top:1px solid var(--line);padding-top:24px;display:flex;gap:11px;align-items:center;font-size:11px;line-height:1.55;color:#9690a5}.auth-security svg{width:18px;color:#a38eca}.form-stack{display:flex;flex-direction:column;gap:19px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;color:#555064}input,select,textarea{width:100%;border:1px solid #dfdde8;background:#fff;padding:11px 12px;border-radius:7px;color:var(--ink);font-size:13px;min-height:42px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#a29bae}input:focus,select:focus,textarea:focus{outline:none;border-color:#997ce6;box-shadow:0 0 0 3px #f2eefd}textarea{resize:vertical;min-height:88px;line-height:1.5}input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--violet)}.password-field{position:relative}.password-field input{padding-right:48px}.password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);background:none;border:0;font-size:11px;color:var(--violet);padding:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:7px;min-height:39px;padding:10px 15px;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.2;transition:background .16s,transform .16s}.button.primary{background:var(--violet);color:#fff;box-shadow:0 2px 4px #7355d71a}.button.primary:hover{background:var(--violet-dark)}.button.secondary{background:white;border-color:#dedbe8;color:#565064}.button.secondary:hover{background:#f7f5fb}.button.text{background:transparent;color:var(--violet)}.button.danger{background:#c44c61;color:white}.button.small{min-height:31px;padding:7px 10px;font-size:11px}.button.wide{width:100%;min-height:45px}.button.wide>span:last-child{margin-left:auto}.button svg{width:16px;height:16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:7px;border-radius:7px;color:inherit}.icon-button:hover{background:#ffffff15}.app-shell{display:flex;min-height:100dvh}.sidebar{width:238px;background:var(--sidebar);color:#d5cde4;position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;padding:31px 18px 0}.sidebar-brand{padding:0 10px;color:#fff;margin-bottom:34px;font-size:25px}.workspace-label{padding:13px 10px;border:1px solid #393246;border-radius:9px;display:flex;gap:9px;align-items:center;margin-bottom:30px}.workspace-symbol{width:28px;height:28px;display:grid;place-items:center;border:1px solid #5c4779;border-radius:7px;background:#342845;color:#c1a1ed;font-size:12px}.workspace-label strong{font-size:10px;display:block;color:#eee7f8;font-weight:600}.workspace-label small{font-size:9px;color:#8b819e;display:block;margin-top:4px}.workspace-label svg{width:14px;height:14px;margin-left:auto;color:#8a809e}.nav-caption{font-size:9px;font-weight:600;letter-spacing:.13em;color:#776b8c;padding:0 14px;margin-bottom:13px}#main-nav{display:flex;flex-direction:column;gap:6px}#main-nav a{display:flex;align-items:center;gap:12px;border-radius:8px;padding:12px 14px;font-size:12px;color:#a89bbd;transition:background .15s,color .15s}#main-nav a svg{width:18px;height:18px}#main-nav a:hover{background:#30273f;color:#fff}#main-nav a.active{background:#7355d7;color:#fff;box-shadow:0 3px 10px #00000010}.nav-count{margin-left:auto;background:#ffffff21;padding:2px 6px;border-radius:5px;font-size:9px}.sidebar-bottom{margin-top:auto;padding-top:50px}.environment-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#8a809b;padding:13px 14px}.status-dot{display:inline-block;width:6px;height:6px;background:#57ba96;border-radius:50%;flex:none}.sidebar-user{border-top:1px solid #352d44;display:flex;gap:10px;align-items:center;padding:20px 3px}.avatar{width:31px;height:31px;border-radius:9px;background:#ebdffd;color:#7953b0;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:none}.sidebar-user strong{font-size:10px;color:#e4dbef;display:block;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{font-size:9px;color:#8d819e;display:block;margin-top:5px}.sidebar-user .icon-button{margin-left:auto;color:#8f819f}.sidebar-user svg{width:16px;height:16px}.main-shell{margin-left:238px;width:calc(100% - 238px);display:flex;flex-direction:column;min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 37px;gap:20px}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:11px;color:#9791a4}.breadcrumb strong{font-weight:500;color:#4e475e}.breadcrumb-separator{color:#c7c1cf}.topbar-right{display:flex;align-items:center;gap:25px}.live-label{font-size:10px;color:#938c9e;display:flex;align-items:center;gap:7px}.crm-link{font-size:10px;color:#6e627f}.crm-link span{margin-left:8px}.main-content{padding:34px 37px 28px;max-width:1700px;width:100%;margin:0 auto;outline:none}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:29px}.page-header p{font-size:12px;color:var(--muted);margin:0}.page-heading-eyebrow{font-size:9px;letter-spacing:.11em;font-weight:700;color:#a095b5;margin-bottom:10px}.page-header-actions{display:flex;gap:9px;align-items:center;padding-top:16px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 21px;box-shadow:0 2px 3px #21133302;min-width:0}.metric-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:8px}.metric-label{font-size:10px;font-weight:500;color:#877c98}.metric-icon{width:30px;height:30px;border-radius:8px;background:#f3effc;color:#8a6dc8;display:grid;place-items:center}.metric-icon svg{width:15px;height:15px}.metric-value{font-size:31px;letter-spacing:-1.4px;font-weight:650;line-height:1;margin-bottom:12px;white-space:nowrap}.metric-value.money{font-size:27px}.metric-foot{font-size:9px;color:#9b93a7;line-height:1.5}.metric-foot strong{color:var(--green);font-weight:500}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-bottom:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0;overflow:hidden}.panel-head{padding:22px 23px 18px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel-head h2,.panel-head h3{font-size:14px;letter-spacing:-.02em;margin:0 0 6px}.panel-head p{margin:0;color:#a098ab;font-size:10px}.panel-body{padding:3px 23px 23px}.panel-header-tag{font-size:9px;border:1px solid var(--line);padding:5px 8px;border-radius:5px;color:#8b819b;white-space:nowrap}.plan-row{display:grid;grid-template-columns:94px 1fr 38px;gap:16px;align-items:center;margin:20px 0}.plan-name{font-size:11px;color:#635b71;display:flex;align-items:center;gap:8px}.plan-dot{width:7px;height:7px;border-radius:3px;background:#b9a8e4}.plan-dot.business{background:#7855cc}.plan-dot.enterprise{background:#352343}.plan-track{background:#f4f1f8;height:9px;border-radius:3px;overflow:hidden}.plan-progress{height:100%;background:#b9a8e4;border-radius:3px}.plan-progress.business{background:#7855cc}.plan-progress.enterprise{background:#352343}.plan-number{text-align:right;font-size:11px;color:#62576e}.insight-note{padding:15px;background:#faf8fe;border:1px solid #f0ebfa;border-radius:7px;font-size:10px;line-height:1.7;color:#9485a8;margin:22px 0 0}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.health-item{padding:17px;background:#faf9fc;border-radius:7px}.health-item .value{font-size:23px;font-weight:600;color:#4a3c5f;display:block;margin-bottom:6px}.health-item .label{font-size:9px;color:#9c91ab}.status-line{margin-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8d819d}.status-line+.status-line{margin-top:11px}.status-line strong{font-weight:600;color:#5c4d6b}.table-toolbar{display:flex;gap:10px;align-items:center;padding:17px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search-field{position:relative;flex:1;min-width:170px;max-width:360px}.search-field svg{position:absolute;left:12px;top:12px;width:15px;height:15px;color:#a098ad}.search-field input{padding-left:36px;font-size:11px;min-height:37px;background:#fcfbfd}.table-toolbar select{width:auto;min-width:125px;min-height:37px;padding:9px 30px 9px 11px;font-size:11px}.toolbar-spacer{flex:1}.result-count{font-size:10px;color:#978ca6}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{background:#faf9fc;padding:12px 22px;font-size:9px;letter-spacing:.045em;color:#91859f;font-weight:600;white-space:nowrap;border-bottom:1px solid var(--line)}td{padding:15px 22px;border-bottom:1px solid #f0edf4;vertical-align:middle;color:#7c708b}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fdfbff}.company-cell{display:flex;align-items:center;gap:10px;min-width:175px}.company-avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#f1eafb;color:#9a78c9;font-size:10px;font-weight:700;flex:none}.company-name{display:block;font-size:11px;font-weight:600;color:#4b3e5c;margin-bottom:5px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-email{font-size:9px;color:#ab9eb7;display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-link{border:0;background:none;text-align:left;padding:0;cursor:pointer}.table-link:hover .company-name{color:var(--violet)}.badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:5px 7px;border-radius:5px;font-size:9px;font-weight:500;line-height:1}.badge.plan{background:#f2eefb;color:#8a6cba}.badge.plan.business{background:#eee7fb;color:#7853b9}.badge.plan.enterprise{background:#eeeaf3;color:#60506f}.badge.active{background:#ecf7f2;color:#489274}.badge.suspended{background:#fceef1;color:#bd657b}.badge.trial{background:#eff3ff;color:#6f83b8}.badge.unconfigured{background:#f3f1f5;color:#a093ac}.badge.past_due{background:#fff7e9;color:#ae8a45}.badge.cancelled{background:#f4edf0;color:#9f7787}.badge .status-dot{width:4px;height:4px;background:currentColor}.cell-secondary{display:block;font-size:9px;color:#aa9fb5;margin-top:5px}.table-arrow{color:#b6a8c4}.table-arrow:hover{color:var(--violet);background:#f1eafa}.table-arrow svg{width:16px;height:16px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-top:1px solid var(--line);font-size:10px;color:#9b8fa9;gap:10px}.pagination-buttons{display:flex;align-items:center;gap:8px}.pagination .button{font-size:10px;min-height:29px;padding:6px 9px}.empty-state{text-align:center;padding:48px 22px;color:#9a8ca9}.empty-state svg{width:28px;height:28px;color:#a997c2;margin-bottom:13px}.empty-state h3{font-size:14px;color:#746282;margin-bottom:7px}.empty-state p{font-size:11px;max-width:380px;margin:0 auto 16px}.loading-state{display:flex;justify-content:center;align-items:center;gap:12px;padding:75px 25px;color:#9a8da8;font-size:12px}.error-state{border:1px solid #f0d3db;background:#fff8fa;border-radius:9px;padding:28px;color:#9a5a6c}.error-state h3{font-size:15px;margin-bottom:8px}.error-state p{font-size:12px;max-width:650px}.app-footer{margin-top:auto;display:flex;justify-content:space-between;padding:19px 37px 24px;font-size:9px;color:#b0a6bd}.mobile-menu{display:none}.sidebar-overlay{position:fixed;inset:0;background:#10091e75;border:0;z-index:29}.audit-list{display:flex;flex-direction:column}.audit-item{display:flex;gap:12px;align-items:flex-start;padding:15px 0;border-top:1px solid #f3eff8}.audit-item:first-child{border-top:0}.audit-icon{width:26px;height:26px;background:#f4effa;border-radius:8px;display:grid;place-items:center;color:#9a81b9;flex:none}.audit-icon svg{width:13px;height:13px}.audit-item strong{font-size:10px;color:#6a587b;display:block;font-weight:600;margin-bottom:5px}.audit-item p{font-size:9px;color:#aa9bb7;margin:0;line-height:1.6}.audit-time{font-size:9px;color:#b6a8c1;margin-left:auto;white-space:nowrap}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.plan-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:27px 24px;position:relative}.plan-card.featured{border-color:#ad94e6;box-shadow:0 5px 24px #7355d709}.plan-ribbon{position:absolute;right:18px;top:19px;background:#f0eafa;color:#8b6dbd;padding:5px 8px;border-radius:5px;font-size:9px}.plan-card h2{font-size:20px;margin:13px 0}.plan-price{display:flex;align-items:baseline;gap:5px;margin:20px 0 5px}.plan-price strong{font-size:36px;font-weight:650;letter-spacing:-1.5px}.plan-price span{font-size:10px;color:#a194ac}.plan-price-note{font-size:9px;color:#a79ab4;margin-bottom:26px}.plan-limits{display:flex;flex-direction:column;gap:16px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.plan-limit{display:flex;justify-content:space-between;font-size:11px;color:#9b8aa9}.plan-limit strong{color:#60506e;font-weight:600}.plan-discounts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px}.plan-discounts span{font-size:9px;color:#b0a1bd}.plan-discounts strong{display:block;color:#8a6ea4;font-size:11px;margin-top:4px}.notice{display:flex;gap:12px;align-items:flex-start;border:1px solid #e5deee;background:#f7f4fc;border-radius:8px;padding:16px 18px;font-size:11px;line-height:1.65;color:#927da6;margin-bottom:22px}.notice svg{width:17px;height:17px;margin-top:2px}.notice strong{color:#79618f}.security-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.security-form{max-width:480px}.security-list{display:flex;flex-direction:column;gap:24px;padding:10px 0}.security-item{display:flex;gap:12px}.security-item svg{color:#9d80be;width:19px;height:19px}.security-item h3{font-size:12px;margin:0 0 7px;color:#756282}.security-item p{font-size:10px;margin:0;color:#ad9cba}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .full{grid-column:1/-1}.field-hint{font-size:10px;font-weight:400;color:#a698b3;line-height:1.6;margin:0}.form-section{padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}.form-section h3{font-size:12px;margin-bottom:15px;color:#806c91}.check-label{flex-direction:row;align-items:center;font-weight:400}.alert{padding:12px 14px;font-size:11px;line-height:1.6;border-radius:7px;margin-bottom:19px}.alert-error{background:#fff0f3;border:1px solid #efd3dd;color:#ac546c}.alert-success{background:#edf8f2;border:1px solid #d1eade;color:#538c70}.alert-info{background:#f4effc;border:1px solid #e4d8f8;color:#8a70aa}dialog{border:0;box-shadow:0 20px 100px #170c3030;color:var(--ink);padding:0;background:#fff}dialog::backdrop{background:#17102770;backdrop-filter:blur(2px)}.account-dialog{width:min(850px,calc(100% - 30px));max-height:calc(100dvh - 50px);border-radius:14px}.dialog-header{display:flex;align-items:flex-start;gap:15px;padding:25px 27px;border-bottom:1px solid var(--line)}.dialog-header .company-avatar{width:45px;height:45px;font-size:15px;border-radius:12px}.dialog-header h2{margin:2px 0 8px;font-size:21px}.dialog-header p{font-size:10px;color:#a393b1;margin:0}.dialog-header .icon-button{margin-left:auto;color:#a796b7}.dialog-header .icon-button:hover{background:#f6f1fa}.dialog-tabs{display:flex;padding:0 26px;gap:26px;border-bottom:1px solid var(--line);overflow-x:auto}.tab-button{background:none;border:0;border-bottom:2px solid transparent;padding:16px 0 13px;font-size:11px;color:#a393b2;white-space:nowrap}.tab-button.active{border-color:var(--violet);color:var(--violet);font-weight:600}.dialog-body{padding:25px 27px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.dialog-footer{border-top:1px solid var(--line);padding:16px 27px;display:flex;align-items:center;justify-content:space-between;background:#fcfafe;font-size:10px;color:#b09bbf}.form-dialog{width:min(620px,calc(100% - 30px));max-height:calc(100dvh - 40px);border-radius:12px}.form-dialog .dialog-header{padding:23px 25px}.form-dialog .dialog-body{padding:22px 25px}.form-dialog h2{font-size:19px}.confirm-dialog{width:min(430px,calc(100% - 30px));padding:28px;border-radius:12px}.confirm-dialog h2{font-size:20px;margin:18px 0 12px}.confirm-dialog p{font-size:12px}.dialog-symbol{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:11px;background:#f2eafc;color:#9972bd;font-size:20px}.usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.usage-tile{background:#faf7fd;padding:16px;border-radius:8px;border:1px solid #f1ebf7}.usage-tile strong{font-size:20px;font-weight:600;display:block;margin-bottom:6px;color:#78608d}.usage-tile span{font-size:9px;color:#b09ac0}.detail-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.detail-title h3{font-size:14px;margin:0}.detail-title p{font-size:10px;color:#ac97bd;margin:5px 0 0}.detail-table th{padding:11px 12px}.detail-table td{padding:13px 12px}.member-actions{display:flex;gap:6px}.member-actions select{font-size:10px;padding:7px;min-height:31px;width:100px}.member-actions .button{font-size:9px}.detail-kv{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-kv dt{font-size:10px;color:#af9abc;margin-bottom:7px}.detail-kv dd{margin:0;font-size:12px;color:#7e658f;overflow-wrap:anywhere}.credential-block{background:#f8f4fd;border:1px solid #e4d7f3;border-radius:8px;padding:17px;margin-top:16px}.credential-block label{margin-top:13px}.credential-block input{font-family:ui-monospace,monospace;font-size:12px;background:#fff}.credential-block p{font-size:11px;color:#9a7aae;margin:0 0 8px}.toast-container{position:fixed;right:25px;bottom:25px;z-index:100;display:flex;flex-direction:column;gap:10px;max-width:calc(100% - 35px);pointer-events:none}.toast{background:#2e243f;color:#fff;border:1px solid #4c3a67;border-radius:9px;box-shadow:0 8px 30px #26133322;padding:13px 18px;max-width:420px;font-size:12px;line-height:1.5;pointer-events:auto}.toast.error{background:#a44661;border-color:#b65a74}.audit-meta{font-size:10px;color:#a99ab6;white-space:pre-wrap;word-break:break-word;max-width:300px}.mono{font-family:ui-monospace,monospace;font-size:10px}.no-wrap{white-space:nowrap}.highlight-number{font-weight:600;color:#695477}@media(min-width:1600px){.main-content{padding-top:42px}.metric-card{padding:24px}.metric-value{font-size:35px}.panel-head{padding-top:25px}.plan-row{margin:25px 0}.sidebar{width:255px}.main-shell{margin-left:255px;width:calc(100% - 255px)}}@media(max-width:1200px){.sidebar{width:212px;padding:26px 14px 0}.sidebar-brand{font-size:23px}.main-shell{margin-left:212px;width:calc(100% - 212px)}.main-content{padding:29px 25px}.topbar{padding:0 25px}.metric-card{padding:16px}.metric-value{font-size:28px}.metric-value.money{font-size:24px}.metric-icon{width:26px;height:26px}.dashboard-grid{grid-template-columns:1.4fr 1fr}.app-footer{padding-left:25px;padding-right:25px}.plans-grid{gap:12px}.plan-card{padding:24px 18px}th,td{padding-left:16px;padding-right:16px}.live-label{display:none}}@media(max-width:980px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr}.plan-card{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.plan-card .plan-limits{grid-column:2;grid-row:1/7;border:0;padding-top:18px}.plan-discounts{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.plan-ribbon{top:14px;left:18px;right:auto}.plan-card.featured{padding-top:33px}.security-grid{grid-template-columns:1fr}.page-header{flex-direction:column;gap:13px}.page-header-actions{padding-top:0}.auth-story{padding:36px}.auth-story h1{font-size:42px}.auth-panel{padding:40px 28px}.auth-story p{font-size:13px}}@media(max-width:740px){.sidebar{transform:translateX(-100%);width:238px;transition:transform .2s}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0;width:100%}.mobile-menu{display:inline-flex;margin-left:-8px;color:#8c789e}.topbar{height:60px;padding:0 19px}.topbar-right{gap:10px}.breadcrumb{gap:9px;font-size:10px}.crm-link{font-size:9px}.main-content{padding:24px 18px}.page-header{margin-bottom:23px}.page-header h1{font-size:26px}.page-header p{font-size:11px;line-height:1.6}.page-header-actions{width:100%}.page-header-actions .button{flex:1;font-size:11px}.metrics-grid{gap:11px;margin-bottom:17px}.metric-card{padding:15px 13px}.metric-label{font-size:9px}.metric-value{font-size:26px}.metric-value.money{font-size:23px}.metric-foot{font-size:8px}.metric-top{margin-bottom:13px}.metric-icon{width:24px;height:24px}.dashboard-grid{gap:17px}.panel-head{padding:19px 18px 15px}.panel-body{padding:0 18px 18px}.plan-row{grid-template-columns:80px 1fr 25px;gap:10px}.plan-name{font-size:10px}.table-toolbar{padding:13px}.table-toolbar .search-field{max-width:none;flex-basis:100%}.table-toolbar select{flex:1;min-width:0}.table-toolbar .toolbar-spacer{display:none}.table-toolbar .result-count{width:100%;padding-top:5px}.table-toolbar .button{width:100%}.pagination{padding:13px;font-size:9px;flex-wrap:wrap}.pagination-buttons{margin-left:auto}.app-footer{padding:15px 18px;font-size:8px;gap:15px}.auth-screen{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{min-height:100dvh;padding:45px 26px 75px}.auth-mobile-brand{display:block;font-size:28px;font-weight:750;color:var(--violet);margin-bottom:45px;letter-spacing:-1.3px}.auth-form-wrap h2{font-size:27px}.account-dialog,.form-dialog{max-height:calc(100dvh - 20px);width:calc(100% - 20px);border-radius:11px}.dialog-header{padding:19px 18px}.dialog-header h2{font-size:18px}.dialog-body{padding:19px 18px}.dialog-tabs{padding:0 18px;gap:22px}.dialog-footer{padding:13px 18px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.usage-tile{padding:13px}.detail-title{align-items:flex-start}.detail-title .button{font-size:10px;min-height:32px;padding:8px}.plans-grid{gap:17px}.plan-card{grid-template-columns:1fr 1fr;column-gap:10px}.plan-price strong{font-size:30px}.plan-limit{font-size:10px}.plan-discounts{gap:8px}.notice{font-size:10px;padding:14px}.toast-container{right:15px;bottom:15px}.audit-time{font-size:8px}.topbar .breadcrumb>span:first-of-type{display:none}.breadcrumb-separator{display:none}.detail-kv{grid-template-columns:1fr}.auth-security{font-size:10px}.member-actions{flex-direction:column}.security-grid .panel-body{padding-top:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition:none!important}}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Commercial profiles: native radio controls with an explicit access preview. */
.form-dialog.member-profile-dialog{width:min(800px,calc(100% - 40px))}
.role-picker{border:0;padding:0;margin:0;min-width:0}
.role-picker legend{font-size:13px;font-weight:650;color:#51425f;padding:0;margin-bottom:5px}
.role-picker-hint{font-size:12px;color:#756580;margin:0 0 14px;line-height:1.5}
.role-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.role-option{position:relative;display:block;cursor:pointer;min-width:0}
.role-option input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;min-height:0;margin:0;padding:0;inset:19px auto auto 19px}
.role-option-body{display:flex;flex-direction:column;height:100%;padding:17px 15px;border:1px solid #dfd7e9;border-radius:10px;background:#fff;transition:background .15s,border-color .15s,box-shadow .15s}
.role-option:hover .role-option-body{border-color:#a38ac6;background:#fcfaff}
.role-option input:checked+.role-option-body{border-color:#8060c5;background:#f7f3ff;box-shadow:0 0 0 1px #8060c5}
.role-option input:focus-visible+.role-option-body{outline:3px solid #b6a2f6;outline-offset:3px}
.role-option-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.role-profile-icon{display:inline-flex;width:32px;height:32px;border-radius:9px;align-items:center;justify-content:center;background:#f0eaf8;color:#79539f;flex:none}
.role-profile-icon svg{width:17px;height:17px}
.role-profile-icon.agent{background:#e8f5ee;color:#247553}
.role-profile-icon.admin{background:#ede8fb;color:#7150ae}
.role-profile-icon.owner{background:#edf1fa;color:#516fa0}
.role-choice-mark{display:flex;width:19px;height:19px;align-items:center;justify-content:center;border:1px solid #cabfd8;border-radius:50%;color:transparent;background:#fff}
.role-choice-mark svg{width:13px;height:13px;stroke-width:2.3}
.role-option input:checked+.role-option-body .role-choice-mark{color:#fff;background:#7856be;border-color:#7856be}
.role-option-body>strong{font-size:14px;color:#4d3861;font-weight:650;margin-bottom:7px}
.role-option-title{font-size:11px;color:#796487;line-height:1.5;margin-bottom:11px;font-weight:500}
.role-option-summary{font-size:12px;color:#5b476b;line-height:1.5;font-weight:500;margin-top:auto}
.role-preview{border:1px solid #e4deec;border-radius:10px;overflow:hidden;background:#fdfcff}
.role-preview-heading{display:flex;align-items:flex-start;gap:12px;padding:17px 18px 15px}
.role-preview-heading h3{font-size:14px;color:#523d63;margin:0 0 5px;letter-spacing:-.015em}
.role-preview-heading p{font-size:12px;color:#796586;line-height:1.55;margin:0}
.role-menu-preview{padding:0 18px 17px}
.role-menu-preview>span{display:block;font-size:10px;font-weight:650;letter-spacing:.07em;color:#7d678b;margin-bottom:9px}
.role-menu-preview>div{display:flex;flex-wrap:wrap;gap:7px}
.role-menu-item{background:#efe9fa;color:#604284;font-size:11px;font-weight:600;border:1px solid #e2d8f0;border-radius:5px;padding:7px 10px;line-height:1.3}
.role-permission-columns{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ebe5f1;background:#fff}
.role-permission-columns>div{padding:15px 18px}
.role-permission-columns>div+div{border-left:1px solid #ebe5f1;background:#fbfafc}
.role-permission-columns h4{display:flex;align-items:center;gap:7px;margin:0 0 9px;font-size:12px;color:#347558;font-weight:600}
.role-permission-columns h4 svg{width:15px;height:15px}
.role-permission-hidden h4{color:#786580}
.role-permission-columns ul{padding-left:16px;margin:0;display:grid;gap:6px;font-size:11px;color:#705d7c;line-height:1.6}
.role-permission-columns li::marker{color:#a89ab5}
.role-scope-note{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:#786087;line-height:1.6;padding:12px 18px;background:#f6f2fa;border-top:1px solid #ebe5f1;margin:0}
.role-scope-note svg{width:14px;height:14px;margin-top:2px}
.team-role-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 13px}
.team-role-card{border:1px solid #e6dfed;background:#fcfaff;border-radius:9px;padding:14px;min-width:0}
.team-role-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.team-role-count{font-size:20px;font-weight:650;color:#624773;white-space:nowrap}
.team-role-count>span{font-size:10px;font-weight:400;color:#786582}
.team-role-card h4{font-size:12px;font-weight:600;color:#594265;margin:0 0 6px}
.team-role-card p{font-size:11px;line-height:1.55;color:#786384;margin:0 0 9px}
.team-role-active{font-size:10px;color:#786384}
.team-role-boundary{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#786384;line-height:1.6;margin:0 0 20px}
.team-role-boundary svg{width:15px;height:15px;margin-top:2px}
.team-members-table{min-width:660px}
.team-members-table th,.team-members-table td{padding-left:13px;padding-right:13px}
.member-role-badge{display:inline-flex;padding:5px 7px;border-radius:5px;background:#f0eaf7;font-size:11px;color:#704e86;font-weight:600;white-space:nowrap}
.member-role-badge.agent{background:#e8f5ee;color:#2e7354}
.member-role-badge.admin{background:#ede8fb;color:#6d4a9f}
.member-role-badge.owner{background:#edf1fa;color:#526d97}
.member-role-summary{display:block;font-size:10px;max-width:155px;line-height:1.5;color:#796387;margin-top:7px}
.team-members-table .member-actions{flex-direction:column;align-items:stretch;gap:5px}
@media(max-width:600px){
  .form-dialog.member-profile-dialog{width:calc(100% - 20px)}
  .role-options{grid-template-columns:1fr;gap:9px}
  .role-option-body{display:grid;grid-template-columns:35px 1fr;gap:3px 11px;padding:12px}
  .role-option-top{grid-column:1;grid-row:1/4;display:block;margin:0}
  .role-option-top .role-choice-mark{position:absolute;top:15px;right:12px}
  .role-option-body>strong{margin:0;padding-right:25px;font-size:13px}
  .role-option-title{margin:0;padding-right:20px;font-size:10px}
  .role-option-summary{font-size:11px;margin:0}
  .role-permission-columns{grid-template-columns:1fr}
  .role-permission-columns>div+div{border-left:0;border-top:1px solid #ebe5f1}
  .role-preview-heading,.role-permission-columns>div{padding:14px}
  .role-menu-preview{padding:0 14px 14px}
  .role-scope-note{padding:12px 14px}
  .team-role-summary{grid-template-columns:1fr;gap:8px}
  .team-role-card{display:grid;grid-template-columns:1fr auto;gap:3px 14px;padding:12px}
  .team-role-card-top{grid-row:1/4;grid-column:2;flex-direction:column;gap:6px;margin:0}
  .team-role-card-top .role-profile-icon{display:none}
  .team-role-card h4,.team-role-card p{margin:0}
  .team-role-count{font-size:19px}
}

.panel-spaced{margin-top:24px}.notice-bottom{margin-top:20px;margin-bottom:0}.credential-copy{margin-top:14px}
/* Administrative readability: accessible secondary text and practical type sizes. */
:root{--muted:#6e657c}
.section-kicker,.eyebrow,.page-heading-eyebrow{font-size:11px;color:#77628c}
.auth-story .eyebrow.light{color:#c8b9ea}
.auth-story p{color:#c2b8d1}
.auth-capabilities{color:#e0d8ee}
.auth-capabilities span{font-size:11px;color:#c9b5e8;border-color:#705c88}
.auth-story-footer{font-size:11px;color:#b9accb}
.auth-footer,.auth-security{font-size:11px;color:#71657e}
.auth-security svg{color:#80639d}
.auth-form-wrap>.muted{font-size:13px}
input::placeholder,textarea::placeholder{color:#7c7188;opacity:1}
.password-toggle{font-size:12px}
.field-hint{font-size:11px;color:#73647f}
.workspace-label strong{font-size:11px}
.workspace-label small{font-size:11px;color:#b8abc9}
.workspace-label svg{color:#b4a4c6}
.nav-caption{font-size:11px;color:#b6a6c9}
#main-nav a{font-size:13px;color:#c0b1d2}
#main-nav a.active{color:#fff}
.nav-count{font-size:11px}
.environment-label{font-size:11px;color:#b5a6c5}
.sidebar-user strong{font-size:11px;max-width:112px}
.sidebar-user small{font-size:11px;color:#b7a6c9}
.sidebar-user .icon-button{color:#b9a8ca}
.breadcrumb{font-size:12px;color:#786a86}
.breadcrumb strong{color:#574861}
.topbar-right .live-label,.crm-link{font-size:11px;color:#73647f}
.page-header p{font-size:13px;color:#70647c}
.metric-label{font-size:12px;color:#74647f;line-height:1.4}
.metric-foot{font-size:11px;color:#786883;line-height:1.55}
.metric-foot strong{color:#26785e}
.metric-icon{color:#7b5aa8}
.panel-head h2,.panel-head h3{font-size:15px}
.panel-head p{font-size:12px;color:#766680;line-height:1.55}
.panel-header-tag{font-size:11px;color:#766380}
.plan-name,.plan-number{font-size:12px;color:#66516f}
.insight-note{font-size:12px;color:#776185;line-height:1.65}
.health-item .label{font-size:11px;color:#786783;line-height:1.5}
.status-line{font-size:12px;color:#776381}
.search-field input{font-size:12px}
.table-toolbar select{font-size:12px}
.result-count{font-size:12px;color:#766380}
table{font-size:12px}
th{font-size:11px;color:#786681;letter-spacing:.035em}
td{color:#74617e}
.company-name{font-size:13px;color:#493651}
.company-email,.cell-secondary{font-size:11px;color:#7c6689}
.company-avatar{font-size:12px;color:#79529c}
.badge{font-size:11px;padding:5px 8px}
.badge.plan{color:#73518f}
.badge.plan.business{color:#68468d}
.badge.plan.enterprise{color:#5e486e}
.badge.active{color:#277154}
.badge.suspended{color:#a63e59}
.badge.trial{color:#48649b}
.badge.unconfigured{color:#76627d}
.badge.past_due{color:#866015}
.badge.cancelled{color:#815364}
.pagination{font-size:11px;color:#786282;line-height:1.5}
.pagination .button{font-size:11px}
.empty-state{color:#796184}
.empty-state p{font-size:12px;color:#796184}
.empty-state h3{color:#674d74}
.loading-state{font-size:13px;color:#796783}
.app-footer{font-size:11px;color:#796783;line-height:1.5}
.audit-item strong{font-size:12px;color:#665071}
.audit-item p,.audit-time{font-size:11px;color:#7b6486}
.plan-ribbon{font-size:11px;color:#72508f}
.plan-price span,.plan-price-note{font-size:11px;color:#7d658a}
.plan-limit{font-size:12px;color:#796087}
.plan-discounts span{font-size:11px;color:#7b6388}
.plan-discounts strong{font-size:12px;color:#77508f}
.notice{font-size:12px;color:#775d86}
.notice strong{color:#684b77}
.security-item h3{font-size:13px;color:#70517e}
.security-item p{font-size:12px;color:#7a6286}
.form-section h3{font-size:13px;color:#745581}
.alert{font-size:12px}
.dialog-header p{font-size:12px;color:#7e638c;line-height:1.5}
.tab-button{font-size:12px;color:#7b5f89}
.dialog-footer{font-size:11px;color:#7c5e8c}
.usage-tile span{font-size:11px;color:#7d5c90;line-height:1.5}
.detail-title p{font-size:12px;color:#7c5f8c}
.member-actions select{font-size:12px;width:110px}
.member-actions .button{font-size:11px}
.detail-kv dt{font-size:11px;color:#7b5d8a}
.detail-kv dd{font-size:13px;color:#6e4d7d}
.credential-block p{font-size:12px;color:#7a548b}
.audit-meta{font-size:11px;color:#7c6289}
.mono{font-size:11px}
.small,.button.small{font-size:12px}
@media(max-width:740px){
  .breadcrumb{font-size:11px}.crm-link{font-size:11px}
  .page-header p{font-size:12px}.metric-label{font-size:11px}
  .metric-foot{font-size:11px}.metric-top{align-items:flex-start}
  .panel-head p{font-size:11px}.plan-name{font-size:12px}
  .table-toolbar .result-count{font-size:11px}
  .pagination{font-size:11px}.app-footer{font-size:11px;flex-wrap:wrap}
  .detail-title .button{font-size:11px}.plan-limit{font-size:11px}
  .notice{font-size:11px}.audit-time{font-size:11px}
  .auth-security{font-size:11px}.sidebar{box-sizing:border-box}
}
.sidebar-user>div,.workspace-label>div{min-width:0;flex:1}
.sidebar-user strong{max-width:100%}
.workspace-label strong,.workspace-label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.table-arrow{color:#8a709e}

/* Live platform monitoring. Polling updates values without replacing controls. */
.table-scroll{position:relative}
.monitor-statusbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border:1px solid #e7dfef;background:#fff;border-radius:10px;padding:14px 18px;margin-bottom:20px;min-height:53px;font-size:12px;color:#74617f}
.monitor-connection{display:inline-flex;align-items:center;gap:8px;color:#5f4c72}
.monitor-connection strong{font-size:12px;font-weight:600}
.monitor-connection .status-dot{width:7px;height:7px;background:currentColor;flex:none;box-shadow:0 0 0 4px #a290b510}
.monitor-connection.is-live{color:#247557}
.monitor-connection.is-live .status-dot{box-shadow:0 0 0 4px #338d6e12}
.monitor-connection.is-stale,.monitor-connection.is-partial{color:#916013}
.monitor-connection.is-unavailable{color:#a44058}
.monitor-poll-note{margin-left:auto;font-size:11px;color:#776582}
.monitor-live-grid .metric-card{position:relative;overflow:hidden}
.monitor-live-grid .metric-card:before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:#9d80d9}
.monitor-live-grid .metric-card[data-monitor-card=onlineUsers]:before{background:#53a38b}
.monitor-live-grid .metric-card[data-monitor-card=widgetConnections]:before{background:#749cce}
.monitor-live-grid .metric-card[data-monitor-card=aiInFlight]:before{background:#9e78d8}
.monitor-live-grid .metric-card[data-monitor-card=activeChats5m]:before{background:#c69b5e}
.monitor-live-grid .metric-card.is-unverified:before{background:#c0b5ce}
.monitor-live-grid .metric-card.is-unverified .metric-value{color:#8d809a}
.monitor-live-grid .metric-foot{min-height:34px}
.monitor-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:22px;margin-bottom:22px}
.monitor-main-grid>.panel{min-width:0}
.monitor-trend-panel{display:flex;flex-direction:column}
.monitor-chart-wrap{padding:2px 20px 0;min-width:0;flex:1;display:flex;align-items:center}
.monitor-chart{width:100%;height:auto;display:block;overflow:visible}
.monitor-chart-grid{stroke:#ece6f3;stroke-width:1;stroke-dasharray:3 4}
.monitor-chart-label{fill:#796588;font-size:11px;font-family:inherit}
.monitor-chart-bar.visitor,.monitor-key.visitor{fill:#8d67ca;background:#8d67ca}
.monitor-chart-bar.agent,.monitor-key.agent{fill:#61a696;background:#61a696}
.monitor-chart-bar.bot,.monitor-key.bot{fill:#5f8fbd;background:#5f8fbd}
.monitor-chart-bar.other,.monitor-key.other{fill:#c2b4d4;background:#c2b4d4}
.monitor-chart-zero{fill:#c4b9d1}
.monitor-chart-legend{display:flex;align-items:center;justify-content:center;gap:19px;padding:10px 20px 21px;flex-wrap:wrap;font-size:11px;color:#6e597d}
.monitor-chart-legend>span{display:inline-flex;align-items:center;gap:7px}
.monitor-key{width:7px;height:7px;border-radius:2px;display:inline-block}
.monitor-chart-empty{min-height:200px;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;width:100%;font-size:12px;color:#7b6786}
.monitor-operation-list{margin:0;padding:0 23px}
.monitor-operation-list>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #f0ebf5;font-size:12px;line-height:1.4}
.monitor-operation-list>div:last-child{border-bottom:0}
.monitor-operation-list dt{color:#75617f}
.monitor-operation-list dd{margin:0;font-size:13px;font-weight:600;color:#54405e;white-space:nowrap}
.monitor-operation-note{font-size:11px;line-height:1.65;color:#7d668a;padding:13px 23px 19px;margin:0}
.monitor-consumption-panel{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;padding:23px 25px;gap:24px;margin-bottom:23px;background:linear-gradient(115deg,#fcfaff 0,#fff 65%)}
.monitor-consumption-heading{display:flex;flex-direction:column;justify-content:center}
.monitor-period-label{font-size:10px;letter-spacing:.08em;font-weight:600;color:#8765a6}
.monitor-consumption-heading h2{font-size:18px;letter-spacing:-.4px;margin:8px 0;text-transform:capitalize;color:#553b68}
.monitor-consumption-heading p{margin:0;font-size:11px;color:#7a6489}
.monitor-consumption-stat{display:flex;flex-direction:column;justify-content:center;gap:7px;border-left:1px solid #eae1f2;padding-left:25px;min-width:0}
.monitor-consumption-stat>span{font-size:12px;color:#6f567f;line-height:1.4}
.monitor-consumption-stat>strong{font-size:27px;font-weight:600;color:#5c3e76;letter-spacing:-.7px;line-height:1.2}
.monitor-consumption-stat>small{font-size:11px;color:#7b6488;line-height:1.55}
.monitor-consumption-alerts>strong{color:#8d611e}
.monitor-accounts-panel,.monitor-users-panel{margin-bottom:23px}
.monitor-account-table{min-width:1000px}
.monitor-account-table td{padding-top:17px;padding-bottom:17px}
.monitor-account-table th{font-size:10px}
.monitor-account-table .company-name{max-width:210px;margin-bottom:9px}
.monitor-account-table .highlight-number{font-size:12px;white-space:nowrap}
.monitor-account-table .cell-secondary{font-size:11px;white-space:nowrap;line-height:1.45}
.monitor-account-suspended{font-size:10px;color:#a4425e;display:block;margin-top:6px}
.monitor-usage{min-width:164px;max-width:220px}
.monitor-usage-label{display:flex;justify-content:space-between;align-items:center;gap:12px;white-space:nowrap;font-size:11px;color:#6c4d81;margin-bottom:9px}
.monitor-usage-label strong{font-size:12px;font-weight:600}
.monitor-usage-label strong>span{color:#806d8e;font-size:11px;font-weight:400}
.monitor-usage-track{height:5px;border-radius:4px;background:#ece5f4;overflow:hidden}
.monitor-usage-track>span{height:100%;display:block;background:#9872ca;border-radius:4px;transition:width .3s ease}
.monitor-usage>small{display:block;font-size:10px;color:#766080;margin-top:7px;line-height:1.4}
.monitor-usage.warning .monitor-usage-track>span{background:#c28b37}
.monitor-usage.warning .monitor-usage-label>span,.monitor-usage.warning>small{color:#906018}
.monitor-usage.danger .monitor-usage-track>span{background:#bf5c77}
.monitor-usage.danger .monitor-usage-label>span,.monitor-usage.danger>small{color:#a63f5b}
.monitor-usage.unknown .monitor-usage-track{background:repeating-linear-gradient(120deg,#f1edf5 0,#f1edf5 5px,#e6dfed 5px,#e6dfed 10px)}
.monitor-table-empty{padding:30px 23px;font-size:12px;color:#796286;text-align:center;margin:0;line-height:1.7}
.monitor-table-footer{padding:14px 22px;border-top:1px solid var(--line);font-size:11px;color:#7b6189;line-height:1.6}
.monitor-methodology{margin-bottom:0;background:#f7f4fb;gap:14px}
.monitor-methodology>svg{flex:none}
.monitor-methodology p{margin:6px 0 0;font-size:11px;line-height:1.75;max-width:1100px}
.monitor-methodology p:empty{display:none}
.monitor-data-stale .monitor-users-panel .panel-header-tag{color:#897294}
@media(min-width:1600px){.monitor-chart-wrap{padding-left:28px;padding-right:28px}.monitor-consumption-panel{padding-top:27px;padding-bottom:27px}}
@media(max-width:1200px){.monitor-main-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:18px}.monitor-consumption-panel{gap:17px;padding:22px}.monitor-consumption-stat{padding-left:17px}.monitor-chart-legend{gap:12px;font-size:10px}.monitor-account-table th,.monitor-account-table td{padding-left:16px;padding-right:16px}.monitor-statusbar{gap:10px 16px}.monitor-poll-note{margin-left:0}}
@media(max-width:980px){.monitor-main-grid{grid-template-columns:1fr}.monitor-chart-wrap{padding:8px 25px 0}.monitor-operation-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.monitor-operation-list>div:nth-last-child(2){border-bottom:0}.monitor-consumption-panel{grid-template-columns:1fr 1fr;gap:23px}.monitor-consumption-stat:nth-child(3){border-left:0;padding-left:0}.monitor-chart-legend{font-size:11px}.monitor-trend-panel .panel-head{padding-bottom:12px}}
@media(max-width:740px){.monitor-statusbar{padding:14px;gap:10px;font-size:11px;margin-bottom:17px}.monitor-connection{width:100%}.monitor-connection strong{font-size:12px}.monitor-poll-note{width:100%;font-size:11px}.monitor-live-grid .metric-label{font-size:11px}.monitor-live-grid .metric-foot{font-size:11px;min-height:52px}.monitor-main-grid{gap:17px;margin-bottom:17px}.monitor-trend-panel .panel-head{align-items:flex-start;gap:10px}.monitor-trend-panel .panel-header-tag{padding:5px 8px;font-size:10px;white-space:nowrap}.monitor-chart-wrap{padding:10px 12px 0;min-height:154px}.monitor-chart-label{font-size:15px}.monitor-chart-legend{padding:13px 14px 18px;gap:9px 14px;font-size:10px}.monitor-operation-list{padding:0 18px;display:block}.monitor-operation-list>div:nth-last-child(2){border-bottom:1px solid #f0ebf5}.monitor-operation-note{padding:12px 18px 18px}.monitor-consumption-panel{padding:20px 18px;gap:20px 16px;margin-bottom:17px}.monitor-consumption-heading h2{font-size:17px}.monitor-period-label{font-size:10px}.monitor-consumption-stat{padding-left:16px}.monitor-consumption-stat>span{font-size:11px}.monitor-consumption-stat>strong{font-size:25px}.monitor-consumption-stat>small{font-size:10px}.monitor-accounts-panel,.monitor-users-panel{margin-bottom:17px}.monitor-account-table th{font-size:10px}.monitor-table-footer{padding:13px 18px}.monitor-methodology p{font-size:11px}.monitor-table-empty{padding:24px 18px}.monitor-accounts-panel .table-toolbar select{width:calc(50% - 6px)}.monitor-accounts-panel .table-toolbar #monitor-usage{min-width:150px}.monitor-users-panel table{min-width:660px}.monitor-live-grid .metric-top{gap:5px}.monitor-live-grid .metric-icon{flex:none}}
.monitor-crm-panel{margin-bottom:23px;border-color:#dfd5ed;background:linear-gradient(115deg,#fdfbff,#fff)}
.monitor-crm-panel .panel-head{padding-bottom:20px}
.monitor-source-badge{display:inline-flex;white-space:nowrap;border-radius:6px;background:#eee8f4;color:#775e8a;padding:6px 9px;font-size:11px;font-weight:500;line-height:1.3}
.monitor-source-badge.is-live{color:#267557;background:#eaf6ef}
.monitor-source-badge.is-stale,.monitor-source-badge.is-partial{color:#906017;background:#fff4df}
.monitor-source-badge.is-unavailable{color:#a63d58;background:#fceff2}
.monitor-crm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 23px 20px;gap:24px}
.monitor-crm-stat{padding-left:22px;border-left:1px solid #e9e0f3;min-width:0}
.monitor-crm-stat:first-child{padding-left:0;border:0}
.monitor-crm-stat>span{font-size:12px;color:#785b8d;line-height:1.45;display:block}
.monitor-crm-stat>strong{font-size:29px;letter-spacing:-.8px;line-height:1.2;color:#593e70;font-weight:600;display:block;margin:10px 0}
.monitor-crm-stat strong>small{font-size:15px;letter-spacing:0;font-weight:400;color:#8d749e}
.monitor-crm-stat p{font-size:11px;line-height:1.6;margin:0;color:#7b608c}
.monitor-crm-footer{display:flex;gap:15px;justify-content:space-between;border-top:1px solid #eee6f5;padding:13px 23px;font-size:11px;color:#7b628b;line-height:1.5;flex-wrap:wrap}
.monitor-account-table{min-width:1210px}
@media(max-width:1200px){.monitor-crm-grid{gap:18px}.monitor-crm-stat{padding-left:18px}}
@media(max-width:980px){.monitor-crm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.monitor-crm-stat:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:740px){.monitor-crm-panel{margin-bottom:17px}.monitor-crm-panel .panel-head{align-items:flex-start;gap:10px}.monitor-crm-panel .panel-head h2{font-size:15px}.monitor-source-badge{font-size:10px;padding:5px 7px}.monitor-crm-grid{padding:0 18px 20px;gap:22px 17px}.monitor-crm-stat{padding-left:17px}.monitor-crm-stat>span{font-size:11px}.monitor-crm-stat>strong{font-size:27px}.monitor-crm-stat p{font-size:11px}.monitor-crm-footer{padding:12px 18px;gap:7px}.monitor-trend-panel .panel-head{flex-wrap:wrap}}