:root{--bg:#060913;--bg-soft:#0b1020;--panel:rgba(13,20,38,0.75);--panel-strong:rgba(14,22,43,0.95);--border:rgba(102,122,168,0.24);--border-strong:rgba(144,172,255,0.42);--text:#e7ebff;--muted:#97a4cb;--primary:#0fbf9a;--secondary:#3f6df6;--danger:#f45f7f;--warning:#f5b85b;--success:#4fd89b;--info:#65a3ff;--radius:18px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:Space Grotesk,Sora,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 10% -10%,#1a2750 0,transparent 45%),radial-gradient(circle at 85% 2%,#153847 0,transparent 42%),var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.icon{width:18px;height:18px;flex:0 0 auto}.admin-root{position:relative;min-height:100vh;display:grid;grid-template-columns:auto 1fr}.background-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(88,108,156,.07) 1px,transparent 0),linear-gradient(180deg,rgba(88,108,156,.07) 1px,transparent 0);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle at center,black 25%,transparent 95%);mask-image:radial-gradient(circle at center,black 25%,transparent 95%)}.surface{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 18px 60px rgba(3,8,20,.4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sidebar{width:290px;min-height:100vh;background:rgba(8,12,23,.92);border-right:1px solid var(--border);padding:18px 16px;position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;z-index:40;transition:width .25s ease}.sidebar.collapsed{width:96px}.sidebar-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.vexus-logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,var(--primary),var(--secondary));display:grid;place-items:center;box-shadow:0 12px 34px rgba(35,114,255,.42)}.vexus-logo.large{width:56px;height:56px;border-radius:16px}.vexus-logo span{width:20px;height:20px;border-radius:6px;background:rgba(255,255,255,.88);transform:rotate(45deg)}.sidebar-brand strong{display:block;font-size:.98rem}.sidebar-brand small{color:var(--muted);font-size:.77rem}.ghost-icon{border:1px solid var(--border);background:rgba(12,20,38,.6);width:36px;height:36px;border-radius:11px;display:grid;place-items:center;cursor:pointer;transition:.2s ease}.ghost-icon:hover{border-color:var(--border-strong);transform:translateY(-1px)}.sidebar-scroll{flex:1 1;overflow:auto;padding-right:4px}.nav-section{margin-bottom:16px}.nav-section-title{color:#7f8ebb;text-transform:uppercase;font-size:.68rem;letter-spacing:.14em;margin:8px 10px}.nav-section ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:12px;border:1px solid transparent;color:#b6c1e6;transition:.2s ease}.nav-item span{font-size:.9rem}.nav-item em{margin-left:auto;font-style:normal;font-size:.64rem;color:#10172d;background:var(--warning);padding:2px 6px;border-radius:999px;letter-spacing:.08em}.nav-item:hover{background:rgba(20,32,57,.75);border-color:var(--border)}.nav-item.active{background:linear-gradient(135deg,rgba(41,83,223,.35),rgba(25,180,146,.32));border-color:var(--border-strong);color:#f7fbff}.sidebar-footer{margin-top:10px;border-top:1px solid var(--border);padding:12px 10px 4px;color:var(--muted);font-size:.82rem;display:flex;gap:10px;align-items:center}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.healthy{background:var(--success);box-shadow:0 0 0 5px rgba(79,216,155,.18)}.content-area{min-width:0;padding:16px}.topbar{min-height:82px;padding:14px 16px;justify-content:space-between;gap:14px;position:-webkit-sticky;position:sticky;top:16px;z-index:25}.topbar,.topbar-context{display:flex;align-items:center}.topbar-context{gap:12px;min-width:0}.topbar h1{margin:0;font-size:1.18rem}.topbar p{margin:2px 0 0;color:var(--muted);font-size:.84rem}.topbar-actions{gap:12px;min-width:0}.searchbox,.topbar-actions{display:flex;align-items:center}.searchbox{width:min(460px,55vw);position:relative;border:1px solid var(--border);border-radius:13px;background:rgba(9,13,27,.75);gap:8px;padding:0 10px}.searchbox input{flex:1 1;border:0;outline:none;height:42px;background:transparent}.search-popover{position:absolute;top:calc(100% + 10px);left:0;right:0;border-radius:14px;border:1px solid var(--border);background:rgba(8,12,24,.98);overflow:hidden;box-shadow:0 16px 42px rgba(1,4,12,.6);z-index:60}.search-popover button{border:0;width:100%;background:transparent;color:inherit;text-align:left;display:grid;grid-gap:1px;gap:1px;grid-template-columns:18px 1fr;grid-template-rows:auto auto;grid-column-gap:8px;column-gap:8px;align-items:center;padding:10px 12px;cursor:pointer}.search-popover button:hover{background:rgba(31,48,89,.45)}.search-popover button span{font-weight:600;grid-column:2}.search-popover button small{grid-column:2;color:var(--muted)}.search-empty{margin:0;padding:12px;color:var(--muted)}.topbar-pills{display:flex;align-items:center;gap:8px}.pill{border-radius:999px;padding:6px 10px;border:1px solid var(--border);font-size:.75rem;display:inline-flex;align-items:center;gap:6px}.pill.ok{border-color:rgba(79,216,155,.45);background:rgba(35,143,114,.16)}.profile-chip{border-radius:999px;border:1px solid var(--border);background:rgba(22,33,58,.8);padding:4px 10px 4px 4px;display:flex;align-items:center;gap:8px}.profile-chip strong{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(120deg,var(--secondary),var(--primary));font-size:.75rem}.profile-chip span{font-size:.8rem;color:#d4dcff}.content-main{margin-top:16px}.page-stack{display:grid;grid-gap:16px;gap:16px}.hero{padding:22px;display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px}.hero h2{margin:8px 0;font-size:clamp(1.2rem,2vw,1.6rem)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#8ee4cf}.muted{color:var(--muted)}.hero-actions{display:flex;gap:8px;align-items:flex-start}.button{border:1px solid rgba(105,126,177,.45);background:linear-gradient(135deg,rgba(34,88,239,.9),rgba(25,180,146,.86));color:#edf4ff;border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:600;transition:transform .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(31,85,241,.28)}.button.ghost{background:rgba(19,29,52,.55)}.button.small{padding:7px 11px;font-size:.8rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:12px;gap:12px}.stat-card{padding:14px;display:grid;grid-gap:10px;gap:10px}.stat-card header{display:flex;justify-content:space-between;align-items:center}.icon-chip{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(20,37,73,.8);border:1px solid var(--border)}.stat-label{color:var(--muted);font-size:.84rem}.stat-value{margin:0;font-size:1.45rem;font-weight:700}.split-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.panel-header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}.panel-header h3{margin:0;font-size:1rem}.panel-header p{margin:3px 0 0;color:var(--muted);font-size:.82rem}.badge{border:1px solid var(--border);border-radius:999px;display:inline-flex;align-items:center;padding:4px 10px;font-size:.74rem;letter-spacing:.02em}.badge-default{background:rgba(33,45,78,.45)}.badge-success{background:rgba(45,153,116,.22);border-color:rgba(79,216,155,.45)}.badge-warning{background:rgba(164,115,42,.22);border-color:rgba(245,184,91,.52)}.badge-danger{background:rgba(152,58,89,.25);border-color:rgba(244,95,127,.5)}.badge-info{background:rgba(58,100,183,.24);border-color:rgba(101,163,255,.55)}.revenue-bars{min-height:220px;grid-template-columns:repeat(12,minmax(24px,1fr));align-items:end}.revenue-bars,.revenue-item{display:grid;grid-gap:8px;gap:8px}.revenue-item{justify-items:center}.revenue-tip{font-size:.66rem;color:var(--muted)}.revenue-track{width:100%;height:140px;display:flex;align-items:flex-end}.revenue-fill{width:100%;border-radius:9px 9px 6px 6px;background:linear-gradient(180deg,rgba(80,185,255,.9),rgba(42,96,255,.2));border:1px solid rgba(99,154,255,.45);transition:.35s ease}.revenue-fill.active{background:linear-gradient(180deg,rgba(25,206,167,.92),rgba(41,140,255,.3))}.activity-list,.alert-list,.service-list{display:grid;grid-gap:10px;gap:10px}.activity-item,.alert-item,.service-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--border);border-radius:12px;padding:10px;background:rgba(9,15,29,.62)}.activity-item small,.service-item small{display:block;color:var(--muted);margin-top:3px}.activity-item time{font-size:.75rem;color:var(--muted)}.usage-bars{display:grid;grid-gap:10px;gap:10px}.usage-row{display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(130px,1fr) 1fr auto;align-items:center}.usage-row small{color:var(--muted)}.usage-meter{width:100%;height:10px;border-radius:999px;background:rgba(24,37,69,.7);border:1px solid var(--border);overflow:hidden}.usage-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,rgba(20,176,151,.95),rgba(62,118,255,.95))}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.input{border:1px solid var(--border);background:rgba(8,14,29,.75);border-radius:12px;padding:10px 12px;min-height:42px}.input:focus{outline:0;border-color:var(--border-strong)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px;background:rgba(8,14,29,.55)}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table td,.data-table th{text-align:left;padding:11px 12px;border-bottom:1px solid rgba(102,122,168,.22);font-size:.86rem}.data-table th{color:#b6c1e8;font-weight:600;background:rgba(16,24,44,.78);position:-webkit-sticky;position:sticky;top:0;z-index:1}.table-empty{text-align:center!important;color:var(--muted);padding:22px!important}.pagination{margin-top:12px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.link-button{border:0;background:transparent;color:#93bbff;cursor:pointer;padding:0}.detail-card{padding:14px}.detail-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.detail-grid h4{margin:0 0 6px;font-size:.77rem;text-transform:uppercase;color:var(--muted)}.detail-grid p{margin:0}.integration-grid,.plan-grid,.service-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.integration-card,.plan-card,.service-card{border:1px solid var(--border);border-radius:14px;padding:14px;display:grid;grid-gap:10px;gap:10px;background:rgba(8,15,30,.62)}.integration-card header,.plan-card header,.service-card{display:flex;justify-content:space-between;align-items:center}.plan-price{margin:0;font-size:1.5rem;font-weight:700}.plan-card ul{margin:0;padding-left:16px;color:var(--muted);display:grid;grid-gap:5px;gap:5px;font-size:.82rem}.grid-form{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid-form label{display:grid;grid-gap:6px;gap:6px}.grid-form label span{color:var(--muted);font-size:.8rem}.branding-preview{border:1px solid var(--border);border-radius:16px;padding:16px;background:linear-gradient(150deg,var(--preview-primary,#0fbf9a) 0,rgba(8,16,33,.86) 45%,var(--preview-secondary,#3f6df6) 100%);min-height:270px}.branding-preview h3{margin:6px 0 8px}.preview-avatar{margin-top:14px;width:72px;height:72px;border-radius:18px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.25);overflow:hidden;display:grid;place-items:center}.preview-avatar img{width:100%;height:100%;object-fit:cover}.preview-tags{margin-top:12px;display:flex;gap:8px}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:rgba(13,21,40,.75)}.segmented button{border:0;background:transparent;color:var(--muted);padding:8px 12px;cursor:pointer}.segmented button.active{color:#f0f5ff;background:rgba(55,113,255,.38)}.settings-grid{display:grid;grid-gap:12px;gap:12px}.settings-card{border:1px solid var(--border);border-radius:14px;padding:14px;background:rgba(10,18,35,.65);display:grid;grid-gap:10px;gap:10px}.settings-card h4{margin:0}.switch-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.switch-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.ai-hero{padding:16px}.prompt-chips{display:flex;gap:8px;flex-wrap:wrap}.prompt-chips button{border:1px solid var(--border);border-radius:999px;background:rgba(18,30,54,.8);color:#c9d4f5;padding:7px 12px;cursor:pointer}.prompt-chips button:hover{border-color:var(--border-strong)}.ai-chat{padding:12px;display:grid;grid-gap:12px;gap:12px}.chat-thread{min-height:380px;max-height:58vh;overflow:auto;display:grid;grid-gap:10px;gap:10px}.bubble{border-radius:14px;border:1px solid var(--border);padding:10px 12px;max-width:min(760px,95%);display:grid;grid-gap:6px;gap:6px}.bubble.user{margin-left:auto;background:rgba(52,96,218,.28)}.bubble.assistant{background:rgba(19,33,61,.75)}.bubble small{color:var(--muted);font-size:.76rem}.bubble p{margin:0;line-height:1.45}.chat-input{display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr auto}.error-banner{border:1px solid rgba(244,95,127,.46);background:rgba(130,45,68,.24);color:#ffdbe5;border-radius:12px;padding:10px 12px;font-size:.84rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;position:relative;overflow:hidden}.login-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 18% 22%,rgba(56,90,207,.46),transparent 40%),radial-gradient(circle at 82% 75%,rgba(21,180,146,.35),transparent 36%)}.login-panel{position:relative;width:min(520px,96vw);padding:24px;display:grid;grid-gap:14px;gap:14px}.login-panel h1{margin:0 0 8px}.login-panel p{margin:0;color:var(--muted)}.login-footer{margin-top:6px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.82rem}.login-footer span{display:inline-flex;align-items:center;gap:6px}.only-mobile{display:none}.sidebar-overlay{position:fixed;inset:0;background:rgba(1,3,8,.6);border:0;z-index:38}@media (max-width:1100px){.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:space-between}.searchbox{width:100%}}@media (max-width:900px){.admin-root{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;transform:translateX(-105%);transition:.25s ease;width:280px}.sidebar.mobile-open{transform:translateX(0)}.content-area{padding:12px}.only-mobile{display:inline-grid}.only-desktop,.topbar-pills .pill{display:none}}