@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700&display=swap";.app{display:grid;grid-template-columns:minmax(240px,280px) 1fr;min-height:100vh;animation:fadeIn .8s ease-out}.sidebar{background:linear-gradient(160deg,#fff,#f1f5fb);border-right:1px solid var(--steel-200);padding:32px 24px;display:flex;flex-direction:column;gap:28px;position:relative;overflow:hidden}.sidebar:before{content:"";position:absolute;width:220px;height:220px;background:radial-gradient(circle,rgba(76,132,255,.25),transparent 70%);top:-60px;right:-120px}.brand{display:flex;align-items:center;gap:16px;z-index:1}.brand-mark{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--blue-600),#7aa7ff);color:#fff;display:grid;place-items:center;font-weight:800;letter-spacing:.6px;box-shadow:var(--shadow-soft)}.brand h1{font-size:20px}.brand p{font-size:12px;color:var(--ink-500)}.nav{display:flex;flex-direction:column;gap:10px;z-index:1}.nav-item{border:1px solid transparent;background:transparent;color:var(--ink-900);padding:12px 16px;border-radius:14px;text-align:start;cursor:pointer;transition:.3s ease}.nav-item:hover{background:#2f6ef514;border-color:#2f6ef533}.nav-item.active{background:linear-gradient(135deg,#2f6ef529,#4c84ff14);border-color:#2f6ef540;color:var(--blue-700);font-weight:600}.nav-item.active:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue-600);display:inline-block;margin-inline-start:8px}.sidebar-card{background:#fff;border:1px solid var(--steel-200);border-radius:18px;padding:20px;display:grid;gap:12px;box-shadow:var(--shadow-card);z-index:1}.sidebar-card h4{font-size:12px;text-transform:uppercase;letter-spacing:1.8px;color:var(--blue-600)}.sidebar-card p{font-size:13px;color:var(--ink-500)}.pulse{display:flex;align-items:center;gap:8px}.pulse span{width:10px;height:10px;border-radius:50%;background:var(--blue-600);animation:pulse 1.6s infinite}.pulse span:last-child{width:6px;height:6px;opacity:.5;animation-delay:.4s}.content{padding:32px 36px 40px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.topbar h2{font-size:26px}.topbar p{color:var(--ink-500)}.topbar-actions{display:flex;align-items:center;gap:16px}.search input{background:#fff;border:1px solid var(--steel-200);color:var(--ink-700);padding:10px 14px;border-radius:12px;min-width:260px;box-shadow:var(--shadow-card)}.lang-switch{display:flex;background:#fff;border-radius:12px;padding:4px;border:1px solid var(--steel-200)}.lang-switch button{background:transparent;border:none;color:var(--ink-500);padding:6px 12px;border-radius:9px;cursor:pointer}.lang-switch .active{background:#2f6ef51f;color:var(--blue-700);font-weight:600}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.page{display:grid;gap:18px;margin-bottom:16px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-head p{color:var(--ink-500)}.system-bar{background:#fff;border:1px solid var(--steel-200);border-radius:18px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--shadow-card);margin-bottom:20px}.system-pill{display:flex;align-items:center;gap:12px}.system-pill .dot{width:10px;height:10px;border-radius:50%;background:#c2c9d3}.system-pill.ok .dot{background:#22c55e;box-shadow:0 0 0 6px #22c55e24}.system-pill.error .dot{background:#ef4444;box-shadow:0 0 0 6px #ef444424}.system-pill p{color:var(--ink-500);font-size:12px}.system-meta{display:flex;gap:18px}.system-meta span{display:block;font-size:11px;color:var(--ink-500)}.system-meta strong{font-size:14px}.kpi-card{background:#fff;border:1px solid var(--steel-200);border-radius:16px;padding:16px;display:grid;gap:12px;box-shadow:var(--shadow-card);animation:rise .7s ease forwards}.kpi-card span{color:var(--ink-500);font-size:13px}.kpi-row{display:flex;align-items:baseline;justify-content:space-between}.kpi-row strong{font-size:22px}.kpi-row em{color:var(--blue-600);font-style:normal}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:24px}.panel{background:#fff;border-radius:20px;padding:20px;border:1px solid var(--steel-200);display:grid;gap:16px;min-height:240px;box-shadow:var(--shadow-card)}.panel h4{font-size:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h3{font-size:18px}.panel-head p{color:var(--ink-500);font-size:13px}.panel-head select,.panel-head input{border:1px solid var(--steel-200);border-radius:10px;padding:8px 10px;background:#fff;font-size:12px;color:var(--ink-700)}.ghost{background:#fff;border:1px solid var(--steel-200);color:var(--ink-700);padding:6px 12px;border-radius:10px;cursor:pointer}.primary{background:linear-gradient(135deg,var(--blue-600),#7aa7ff);border:none;color:#fff;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:600}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#dfe9ff,transparent 45%),linear-gradient(180deg,#eef2f7,#f7f9fc)}.login-card{background:#fff;border:1px solid var(--steel-200);border-radius:18px;padding:28px;width:min(420px,90vw);box-shadow:var(--shadow-card);display:grid;gap:14px}.login-card h2{font-size:22px}.login-card p{color:var(--ink-500);font-size:13px}.login-log,.login-hint{font-size:12px;color:var(--ink-500)}.list{display:grid;gap:12px}.list-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:10px;border-bottom:1px dashed var(--steel-200);align-items:center}.list-row:last-child{border-bottom:none;padding-bottom:0}.list-row strong{display:block;font-size:15px}.list-row span{font-size:12px;color:var(--ink-500)}.meta{display:flex;gap:10px;font-size:12px;color:var(--ink-500);justify-content:flex-end;flex-wrap:wrap}.tone-good{color:#1f9d6d}.tone-warn{color:#c9852b}.tone-dim{color:#7b8ca1}.small{font-size:.75rem;color:var(--ink-400)}.progress{flex:1;background:#5a769f2e;border-radius:999px;height:8px;overflow:hidden}.progress div{height:100%;background:linear-gradient(90deg,#2f6ef5,#8bb0ff)}.ratio{font-size:12px;color:var(--blue-700);font-weight:600}.flow{display:grid;gap:12px}.flow-node{display:flex;gap:12px;align-items:center}.flow-badge{width:28px;height:28px;border-radius:8px;background:#2f6ef51f;display:grid;place-items:center;color:var(--blue-700);font-weight:600}.flow-node span{font-size:12px;color:var(--ink-500)}.split{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px;margin-bottom:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.chart-panel{min-height:320px}.chart-box{height:220px}.journey{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{background:#2f6ef51f;border:1px solid rgba(47,110,245,.2);padding:6px 10px;border-radius:999px;font-size:12px;color:var(--blue-700)}.chip-button{background:#2f6ef51f;border:1px solid rgba(47,110,245,.2);padding:6px 10px;border-radius:999px;font-size:12px;color:var(--blue-700);cursor:pointer}.chip-button:hover{background:#2f6ef533}.timeline{display:grid;gap:12px;border-left:2px solid var(--steel-200);padding-left:14px}.timeline p{color:var(--ink-500);font-size:12px}.integrations{display:flex;flex-wrap:wrap;gap:10px}.integrations span{background:var(--silver);border:1px solid var(--steel-200);padding:8px 12px;border-radius:12px;font-size:12px}.report-list{display:grid;gap:10px}.report-list div{display:flex;align-items:center;gap:10px}.report-list span{width:8px;height:8px;background:var(--blue-600);border-radius:50%}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{text-align:start;padding:10px 8px;border-bottom:1px solid var(--steel-200)}.table th{color:var(--ink-500);font-weight:600}.code-block{background:#0f172a;color:#e2e8f0;padding:14px;border-radius:12px;min-height:160px;overflow:auto;font-size:12px;direction:ltr}.audio-box{background:var(--silver);border:1px solid var(--steel-200);padding:14px;border-radius:12px;display:grid;gap:8px}.audio-box audio{width:100%}.form{display:grid;gap:12px}.field{display:grid;gap:6px}.field label{font-size:12px;color:var(--ink-500)}.field input,.field select{border:1px solid var(--steel-200);border-radius:10px;padding:10px 12px;background:#fff}.field textarea{border:1px solid var(--steel-200);border-radius:10px;padding:10px 12px;background:#fff;resize:vertical}.button-row{display:flex;gap:10px;flex-wrap:wrap}.footer{color:var(--ink-500);font-size:12px;text-align:center;opacity:.7}.wallboard{display:grid;gap:12px}.wall-card{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--silver);border:1px solid var(--steel-200);padding:12px 14px;border-radius:14px}.wall-card span{color:var(--ink-500);font-size:12px;display:block}.wall-card .trend{color:var(--blue-700);font-weight:600}.superadmin{padding:32px 36px 40px;display:grid;gap:20px;animation:fadeIn .8s ease-out}.super-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.super-header p{color:var(--ink-500)}.super-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.health-card{background:var(--silver);border:1px solid var(--steel-200);border-radius:16px;padding:14px;display:grid;gap:6px}.health-card span{font-size:12px;color:var(--ink-500)}.health-card strong{font-size:16px}.health-card p{font-size:12px;color:var(--ink-500)}.plan-bars{display:grid;gap:10px}.plan-row{display:grid;grid-template-columns:80px 1fr 40px;align-items:center;gap:10px;font-size:12px;color:var(--ink-700)}.plan-row .bar{height:8px;border-radius:999px;background:#2f6ef529;overflow:hidden}.plan-row .bar div{height:100%;background:linear-gradient(90deg,var(--blue-600),#8bb0ff)}.activity{display:grid;gap:10px;font-size:12px;color:var(--ink-500)}.activity strong{color:var(--ink-900);font-weight:600;display:block}.activity span{display:block}.badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.badge.ok{background:#22c55e1f;color:#1f9d6d}.badge.warn{background:#ef44441f;color:#c2413a}.limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.limits input{border:1px solid var(--steel-200);border-radius:10px;padding:6px 8px;background:#fff;font-size:12px;min-width:70px}.agent-shell{padding:32px 36px 40px;display:grid;gap:18px;animation:fadeIn .8s ease-out}.agent-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.agent-header p{color:var(--ink-500)}.agent-meta{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--ink-500)}.agent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.status-row{display:flex;margin-bottom:12px}.status-pill{background:#2f6ef51f;border:1px solid rgba(47,110,245,.2);color:var(--blue-700);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.hint{font-size:12px;color:var(--ink-500);margin-top:8px}.softphone-placeholder{border:1px dashed var(--steel-200);border-radius:14px;padding:16px;margin-top:12px;display:grid;gap:6px;background:var(--silver)}.softphone-placeholder p{font-size:12px;color:var(--ink-500)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.4);opacity:.3}to{transform:scale(1);opacity:.8}}@media(max-width:1100px){.app{grid-template-columns:1fr}.sidebar{position:static;border-right:none;border-bottom:1px solid var(--steel-200)}.split,.journey,.grid.two,.grid.three,.super-grid,.health,.agent-grid{grid-template-columns:1fr}}@media(max-width:720px){.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{width:100%;flex-direction:column;align-items:stretch}.search input{width:100%}.list-row{grid-template-columns:1fr}.meta{justify-content:flex-start}.super-header{flex-direction:column;align-items:flex-start}.plan-row{grid-template-columns:60px 1fr 32px}.agent-header{flex-direction:column;align-items:flex-start}}.monitor-page .monitor-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}.monitor-page .kpi-card.good{border-left:3px solid #1f9d6d}.monitor-page .kpi-card.warn{border-left:3px solid #c9852b}.monitor-page .kpi-card.alert{border-left:3px solid #e53935}.toggle-label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--ink-400);cursor:pointer}.toggle-label input{width:16px;height:16px}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:16px}.agent-card{background:var(--surface-50);border-radius:8px;padding:12px;text-align:center;border:1px solid var(--ink-100);transition:transform .15s ease}.agent-card:hover{transform:translateY(-2px)}.agent-card.tone-good{border-color:#1f9d6d;background:#1f9d6d14}.agent-card.tone-warn{border-color:#c9852b;background:#c9852b14}.agent-card.tone-dim{border-color:#7b8ca1;background:#7b8ca114}.agent-name{font-weight:600;font-size:1.1rem;margin-bottom:4px}.agent-status{font-size:.8rem;font-weight:500;margin-bottom:2px}.agent-state{font-size:.7rem;color:var(--ink-400)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600}.badge.ok{background:#1f9d6d26;color:#1f9d6d}.badge.warn{background:#c9852b26;color:#c9852b}.badge.alert{background:#e5393526;color:#e53935}@media(max-width:900px){.monitor-page .monitor-kpis{grid-template-columns:repeat(3,1fr)}.agents-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.super-shell{display:flex;min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);direction:rtl}.super-sidebar{width:260px;background:#0f0f1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;padding:0;position:sticky;top:0;height:100vh}.super-logo{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.06);text-align:center}.super-logo h1{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 4px}.super-logo small{font-size:.7rem;color:#fff6;letter-spacing:2px;text-transform:uppercase}.super-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:6px}.super-nav button{display:flex;align-items:center;gap:12px;padding:14px 18px;background:transparent;border:none;border-radius:12px;color:#fff9;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:right}.super-nav button:hover{background:#ffffff0d;color:#ffffffe6}.super-nav button.active{background:linear-gradient(135deg,#667eea33,#764ba233);color:#fff;box-shadow:inset 0 0 0 1px #667eea4d}.sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.06)}.sidebar-footer .user-info{display:flex;align-items:center;gap:12px}.sidebar-footer .avatar{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.sidebar-footer .user-details small{color:#fff6;font-size:.75rem}.sidebar-footer .user-details span{display:block;color:#fff;font-weight:600;font-size:.9rem}.super-main{flex:1;padding:28px 32px;overflow-y:auto}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.dash-header h2{font-size:1.8rem;font-weight:700;color:#fff;margin:0}.dash-header h2 span{font-size:.9rem;font-weight:400;color:#ffffff80;margin-right:12px}.header-actions{display:flex;align-items:center;gap:12px}.auto-refresh-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border-radius:10px;cursor:pointer;transition:background .2s}.auto-refresh-toggle:hover{background:#ffffff14}.auto-refresh-toggle input{accent-color:#667eea}.auto-refresh-toggle span{color:#ffffffb3;font-size:.85rem}.refresh-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.mega-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.mega-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:24px;border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.mega-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.mega-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;border-radius:50%;filter:blur(60px);opacity:.4}.mega-card.pink:before{background:#e83e8c}.mega-card .card-icon{font-size:2.5rem;margin-bottom:12px}.mega-card .card-value{font-size:2.8rem;font-weight:800;color:#fff;line-height:1;margin-bottom:6px}.mega-card.purple .card-value{background:linear-gradient(135deg,#667eea,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mega-card.blue .card-value{background:linear-gradient(135deg,#17a2b8,#0dcaf0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mega-card.green .card-value{background:linear-gradient(135deg,#28a745,#20c997);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mega-card.orange .card-value{background:linear-gradient(135deg,#fd7e14,#ffc107);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mega-card .card-label{color:#fff9;font-size:.9rem;font-weight:500}.mega-card .card-trend{position:absolute;bottom:20px;left:20px;font-size:.8rem;padding:4px 10px;border-radius:20px;background:#28a74526;color:#28a745}.mega-card .card-trend.down{background:#dc354526;color:#dc3545}.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:28px}.dash-panel{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.06);overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.panel-header h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0;display:flex;align-items:center;gap:10px}.panel-header .view-all{color:#667eea;font-size:.85rem;text-decoration:none;cursor:pointer}.panel-header .view-all:hover{text-decoration:underline}.panel-body{padding:20px 24px}.health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.health-item{display:flex;align-items:center;gap:14px;padding:16px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.04)}.health-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.health-icon.ok{background:#28a74526}.health-icon.warn{background:#fd7e1426}.health-icon.error{background:#dc354526}.health-info h4{color:#fff;font-size:.95rem;font-weight:600;margin:0 0 4px}.health-info span{color:#ffffff80;font-size:.8rem}.health-info span.ok{color:#28a745}.health-info span.warn{color:#fd7e14}.health-info span.error{color:#dc3545}.uptime-display{text-align:center;padding:24px}.uptime-circle{width:120px;height:120px;margin:0 auto 20px;background:conic-gradient(from 0deg,#28a745 0%,#28a745 var(--uptime, 99%),rgba(255,255,255,.1) var(--uptime, 99%));border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.uptime-circle:before{content:"";position:absolute;width:90px;height:90px;background:#1a1a2e;border-radius:50%}.uptime-circle span{position:relative;z-index:1;font-size:1.6rem;font-weight:800;color:#28a745}.uptime-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.uptime-stat{background:#ffffff08;padding:12px;border-radius:10px}.uptime-stat strong{display:block;color:#fff;font-size:1.2rem;margin-bottom:2px}.uptime-stat small{color:#ffffff80;font-size:.75rem}.plan-list{display:flex;flex-direction:column;gap:16px}.plan-item{display:flex;align-items:center;gap:14px}.plan-bar{flex:1;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden}.plan-bar .fill{height:100%;border-radius:10px;transition:width .5s ease}.plan-bar .fill.basic{background:linear-gradient(90deg,#667eea,#764ba2)}.plan-bar .fill.pro{background:linear-gradient(90deg,#17a2b8,#0dcaf0)}.plan-bar .fill.enterprise{background:linear-gradient(90deg,#fd7e14,#ffc107)}.plan-name{min-width:80px;color:#ffffffb3;font-size:.85rem}.plan-count{min-width:50px;text-align:left;color:#fff;font-weight:600;font-size:.9rem}.quick-actions{margin-bottom:28px}.quick-actions h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 16px;display:flex;align-items:center;gap:10px}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.action-btn{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:#667eea26;border-color:#667eea4d;transform:translateY(-4px)}.action-btn span:first-child{font-size:2rem}.top-tenants-table{width:100%}.top-tenants-table tr{border-bottom:1px solid rgba(255,255,255,.04)}.top-tenants-table tr:last-child{border-bottom:none}.top-tenants-table td{padding:14px 0;color:#fffc;font-size:.9rem}.top-tenants-table td:first-child{font-weight:600;color:#fff}.top-tenants-table .plan-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.plan-badge.basic{background:#667eea26;color:#667eea}.plan-badge.pro{background:#17a2b826;color:#17a2b8}.plan-badge.enterprise{background:#fd7e1426;color:#fd7e14}.activity-timeline{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;gap:14px;padding:12px;background:#ffffff05;border-radius:12px}.activity-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;background:#667eea26}.activity-content{flex:1}.activity-content p{color:#fff;font-size:.85rem;margin:0 0 4px}.activity-content small{color:#fff6;font-size:.75rem}.tenants-section{padding:20px 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.search-box{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.search-box input{background:transparent;border:none;color:#fff;font-size:.9rem;outline:none;width:200px}.search-box input::placeholder{color:#fff6}.tenants-table th{padding:14px 16px;background:#ffffff08;color:#fff9;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:right}.tenants-table th:first-child{border-radius:0 12px 12px 0}.tenants-table th:last-child{border-radius:12px 0 0 12px}.tenants-table td{padding:16px;color:#fffc;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.04)}.tenants-table tr:hover td{background:#ffffff05}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:8px}.status-dot.active{background:#28a745;box-shadow:0 0 8px #28a74580}.status-dot.inactive{background:#6c757d}.table-actions{display:flex;gap:8px}.table-actions button{padding:6px 12px;border:none;border-radius:8px;font-size:.8rem;cursor:pointer;transition:all .2s}.table-actions .edit-btn{background:#667eea26;color:#667eea}.table-actions .edit-btn:hover{background:#667eea40}.table-actions .delete-btn{background:#dc354526;color:#dc3545}.table-actions .delete-btn:hover{background:#dc354540}.freeswitch-section{padding:20px 0}.fs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.fs-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.fs-status{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#28a7451a;border:1px solid rgba(40,167,69,.3);border-radius:12px}.fs-status.offline{background:#dc35451a;border-color:#dc35454d}.fs-status .pulse{width:10px;height:10px;background:#28a745;border-radius:50%;animation:pulse 2s infinite}.fs-status.offline .pulse{background:#dc3545;animation:none}@keyframes pulse{0%,to{box-shadow:0 0 #28a74580}50%{box-shadow:0 0 0 8px #28a74500}}.fs-status span{color:#28a745;font-weight:600;font-size:.9rem}.fs-status.offline span{color:#dc3545}.fs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.fs-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.06)}.fs-card h4{color:#fff9;font-size:.85rem;font-weight:500;margin:0 0 8px;display:flex;align-items:center;gap:8px}.fs-card .value{font-size:2rem;font-weight:800;color:#fff}.fs-controls{display:flex;gap:12px;flex-wrap:wrap}.fs-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.fs-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.fs-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.fs-btn.secondary{background:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.1)}.fs-btn.secondary:hover{background:#ffffff1a}.fs-btn.danger{background:#dc354526;color:#dc3545}.fs-btn.danger:hover{background:#dc354540}.fs-logs{background:#0000004d;border-radius:16px;padding:20px;margin-top:24px}.fs-logs h4{color:#fff;font-size:1rem;margin:0 0 16px;display:flex;align-items:center;gap:10px}.log-container{background:#0006;border-radius:12px;padding:16px;max-height:300px;overflow-y:auto;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;line-height:1.6;direction:ltr;text-align:left}.log-container::-webkit-scrollbar{width:8px}.log-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.log-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.log-line{color:#fff9;margin-bottom:4px}.log-line.info{color:#17a2b8}.log-line.warning{color:#ffc107}.log-line.error{color:#dc3545}.log-line.success{color:#28a745}.create-section{max-width:700px;margin:0 auto;padding:20px 0}.create-section h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 8px;text-align:center}.create-section>p{color:#ffffff80;text-align:center;margin-bottom:32px}.create-form{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:32px;border:1px solid rgba(255,255,255,.06)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full{grid-column:span 2}.form-group label{color:#ffffffb3;font-size:.85rem;font-weight:500}.form-group input,.form-group select{padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.form-group input::placeholder{color:#ffffff4d}.form-group select{cursor:pointer}.form-group select option{background:#1a1a2e;color:#fff}.submit-btn{width:100%;margin-top:24px;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:10px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #667eea66}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.toast-container{position:fixed;bottom:24px;left:24px;z-index:9999;display:flex;flex-direction:column;gap:12px}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#1e1e32f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #0006;animation:slideIn .3s ease}.toast.success{border-color:#28a7454d}.toast.error{border-color:#dc35454d}.toast.info{border-color:#17a2b84d}.toast-icon{font-size:1.4rem}.toast-content{flex:1}.toast-content strong{display:block;color:#fff;font-size:.9rem;margin-bottom:2px}.toast-content small{color:#ffffff80;font-size:.8rem}@media(max-width:1400px){.mega-stats{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.fs-grid,.actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.super-sidebar{width:80px}.super-logo h1,.super-logo small,.super-nav button span:last-child,.sidebar-footer .user-details{display:none}.super-nav button{justify-content:center;padding:14px}.sidebar-footer .user-info{justify-content:center}}@media(max-width:768px){.super-shell{flex-direction:column}.super-sidebar{width:100%;height:auto;position:relative;flex-direction:row;padding:0}.super-logo{padding:16px;border-bottom:none;border-left:1px solid rgba(255,255,255,.06)}.super-nav{flex-direction:row;flex:1;padding:8px;overflow-x:auto}.sidebar-footer{display:none}.super-main{padding:16px}.mega-stats,.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:span 1}.fs-grid,.actions-grid{grid-template-columns:1fr}.fs-controls{flex-direction:column}}.system-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:8px 14px;border-radius:10px;font-size:.85rem}.empty-state{text-align:center;padding:24px;color:var(--ink-500);font-size:.9rem}.agent-summary{display:flex;gap:16px;justify-content:center;padding:16px 0;border-bottom:1px solid var(--steel-200)}.agent-stat{text-align:center}.agent-stat span{display:block;font-size:1.8rem;font-weight:700}.agent-stat label{font-size:.75rem;color:var(--ink-500)}.campaign-summary{display:flex;gap:24px;justify-content:center;padding:24px 0}.camp-stat{text-align:center;padding:16px 24px;background:var(--silver);border-radius:12px}.camp-stat strong{display:block;font-size:2rem;font-weight:700;color:var(--ink-900)}.camp-stat span{font-size:.8rem;color:var(--ink-500)}.camp-stat.active{background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.camp-stat.active strong{color:#1f9d6d}.ivr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background:var(--silver);border:1px dashed var(--steel-200);border-radius:12px;gap:12px}.ivr-placeholder p{color:var(--ink-500)}.live-calls{padding-top:16px;border-top:1px solid var(--steel-200)}.live-calls h4{font-size:.9rem;color:var(--ink-700);margin-bottom:12px}.calls-list{display:flex;flex-direction:column;gap:8px}.call-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--silver);border-radius:8px;font-size:.85rem}.call-item .state{margin-right:auto;padding:2px 8px;background:#22c55e1a;color:#1f9d6d;border-radius:4px;font-size:.75rem}.trend.warn{color:#c9852b}.super-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.06)}.super-topbar h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.super-topbar p{color:#ffffff80;font-size:.85rem;margin-top:4px}.super-topbar button{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s}.super-topbar button:hover{background:#ffffff1a}.super-dashboard{display:flex;flex-direction:column;gap:24px}.mega-icon{font-size:2rem;margin-bottom:12px}.mega-info{flex:1}.mega-info span{display:block;color:#fff9;font-size:.85rem;margin-bottom:4px}.mega-info strong{display:block;font-size:2rem;font-weight:800;color:#fff;margin-bottom:4px}.mega-info small{color:#fff6;font-size:.75rem}.dash-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px}.dash-card h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 16px}.health-indicator{width:10px;height:10px;border-radius:50%;background:#6c757d}.health-item.online .health-indicator{background:#28a745;box-shadow:0 0 0 4px #28a74533}.health-item.offline .health-indicator{background:#dc3545;box-shadow:0 0 0 4px #dc354533}.health-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff05;border-radius:10px}.health-item div strong{display:block;color:#fff;font-size:.9rem}.health-item div span{color:#ffffff80;font-size:.8rem}.uptime-display{display:flex;justify-content:center;gap:24px}.uptime-segment strong{display:block;font-size:2.5rem;font-weight:800;color:#fff}.uptime-segment span{color:#ffffff80;font-size:.8rem}.calls-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.call-stat{text-align:center;padding:16px;background:#ffffff05;border-radius:12px}.call-stat span{display:block;color:#ffffff80;font-size:.8rem;margin-bottom:8px}.call-stat .big-num{font-size:1.8rem;font-weight:800;color:#fff}.call-stat .big-num.success{color:#28a745}.plans-list{display:flex;flex-direction:column;gap:12px}.plan-dot{width:10px;height:10px;border-radius:50%;background:#667eea}.top-list{display:flex;flex-direction:column;gap:12px}.top-item{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff05;border-radius:10px}.top-item .rank{width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.8rem}.top-info strong{display:block;color:#fff;font-size:.9rem}.top-info small{color:#ffffff80;font-size:.75rem}.activity-list{display:flex;flex-direction:column;gap:10px}.activity-item{display:flex;align-items:center;gap:10px;padding:8px}.activity-dot{width:8px;height:8px;background:#667eea;border-radius:50%}.activity-item strong{display:block;color:#fff;font-size:.85rem}.activity-item small{color:#ffffff80;font-size:.75rem}.tenants-toolbar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.tenants-toolbar input,.tenants-toolbar select{padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.9rem}.tenants-toolbar input{min-width:200px}.tenants-toolbar input::placeholder{color:#fff6}.tenants-table-wrap{overflow-x:auto}.tenant-cell strong{display:block;color:#fff}.tenant-cell small{color:#ffffff80;font-size:.8rem}.limits-cell{display:flex;gap:6px}.limits-cell input{width:60px;padding:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.8rem}.action-btns{display:flex;gap:6px}.action-btns button{padding:6px 12px;border:none;border-radius:6px;font-size:.8rem;cursor:pointer}.view-btn{background:#667eea26;color:#667eea}.toggle-btn{background:#fd7e1426;color:#fd7e14}.save-btn{background:#28a74526;color:#28a745}.status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.status-badge.active{background:#28a74526;color:#28a745}.status-badge.suspended{background:#dc354526;color:#dc3545}.tenant-detail{margin-top:20px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.detail-header h3{color:#fff;margin:0}.detail-header button{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:1.2rem}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.detail-grid>div label{display:block;color:#ffffff80;font-size:.75rem;margin-bottom:4px}.detail-grid>div span{color:#fff;font-weight:600}.plans-section{padding:20px 0}.plans-list-panel h3,.plan-form-panel h3{color:#fff;font-size:1.1rem;margin:0 0 16px}.plans-cards{display:grid;gap:16px}.plan-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px}.plan-card.inactive{opacity:.6}.plan-card-header h4{color:#fff;font-size:1rem;margin:0}.plan-status{padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:600}.plan-status.active{background:#28a74526;color:#28a745}.plan-status.inactive{background:#6c757d26;color:#6c757d}.plan-card-price{margin-bottom:12px}.plan-card-price strong{font-size:1.5rem;color:#667eea}.plan-card-price span{color:#ffffff80;font-size:.8rem}.plan-card-limits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.plan-card-limits>div{padding:8px;background:#ffffff05;border-radius:8px;font-size:.8rem;color:#ffffffb3}.plan-card-meta{margin-bottom:12px}.plan-card-meta small{color:#fff6;font-size:.75rem}.plan-card-actions button{flex:1;padding:8px;border:none;border-radius:8px;font-size:.8rem;cursor:pointer}.edit-btn{background:#667eea26;color:#667eea}.delete-btn{background:#dc354526;color:#dc3545}.plan-form-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px}.plan-form h4{color:#ffffffb3;font-size:.9rem;margin:8px 0}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-row.triple{grid-template-columns:repeat(3,1fr)}.checkbox-group label{display:flex;align-items:center;gap:8px;color:#ffffffb3;cursor:pointer}.checkbox-group input{width:18px;height:18px}.form-actions button{flex:1;padding:12px;border:none;border-radius:10px;font-weight:600;cursor:pointer}.create-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cancel-btn{background:#ffffff0d;color:#ffffffb3}.fs-section{padding:20px 0}.fs-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.fs-btns button{padding:10px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s}.fs-btns button:hover{background:#667eea26;border-color:#667eea4d}.create-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:32px;max-width:600px;margin:0 auto}.create-card h3{color:#fff;font-size:1.3rem;margin:0 0 8px}.create-card>p{color:#ffffff80;margin-bottom:24px}.create-form hr{border:none;border-top:1px solid rgba(255,255,255,.06);margin:20px 0}.create-form h4{color:#ffffffb3;font-size:.95rem;margin-bottom:16px}.log-toast{position:fixed;bottom:24px;left:24px;display:flex;align-items:center;gap:12px;padding:14px 20px;background:#1e1e32f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.9rem;z-index:999}.log-toast button{background:none;border:none;color:#ffffff80;cursor:pointer}.auto-refresh{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:.85rem;cursor:pointer}.logout-btn{width:100%;padding:12px;background:#dc35451a;border:1px solid rgba(220,53,69,.2);border-radius:10px;color:#dc3545;font-size:.9rem;cursor:pointer;margin-top:12px}.super-sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.06)}.super-shell{display:flex;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec,#f0f2f5);direction:rtl;font-family:Segoe UI,Tahoma,sans-serif}.super-sidebar{width:280px;background:#fff;border-left:1px solid #e0e4e8;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;box-shadow:-4px 0 20px #0000000d}.super-logo{padding:28px 24px;border-bottom:1px solid #e8ecf0;text-align:center}.super-logo h1{font-size:1.8rem;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 6px;letter-spacing:-.5px}.super-logo span{font-size:.75rem;color:#8f9bb3;letter-spacing:3px;text-transform:uppercase}.super-nav{flex:1;padding:20px 16px;display:flex;flex-direction:column;gap:8px}.super-nav button{display:flex;align-items:center;gap:14px;padding:16px 20px;background:transparent;border:none;border-radius:14px;color:#5a6a85;font-size:1rem;font-weight:500;cursor:pointer;transition:all .25s ease;text-align:right}.super-nav button i{font-size:1.3rem;font-style:normal}.super-nav button:hover{background:#f5f7fa;color:#2d3a4b;transform:translate(-4px)}.super-nav button.active{background:linear-gradient(135deg,#667eea26,#764ba21a);color:#667eea;box-shadow:inset 0 0 0 1px #667eea4d;font-weight:600}.super-sidebar-footer{padding:20px 24px;border-top:1px solid #e8ecf0;display:flex;flex-direction:column;gap:12px}.super-sidebar-footer .auto-refresh{display:flex;align-items:center;gap:10px;color:#7a8599;font-size:.85rem;cursor:pointer}.super-sidebar-footer .auto-refresh input{accent-color:#667eea;width:18px;height:18px}.super-sidebar-footer .logout-btn{padding:12px 20px;background:#fff5f5;border:1px solid #fecaca;border-radius:12px;color:#dc3545;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.super-sidebar-footer .logout-btn:hover{background:#fee2e2}.super-main{flex:1;padding:0;overflow-y:auto;display:flex;flex-direction:column}.super-topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:#fff;border-bottom:1px solid #e8ecf0;box-shadow:0 2px 10px #00000008}.super-topbar h2{font-size:1.6rem;font-weight:700;color:#1e2a3b;margin:0}.super-topbar p{color:#7a8599;font-size:.85rem;margin:4px 0 0}.topbar-actions{display:flex;align-items:center;gap:12px}.topbar-actions button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.topbar-actions button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea59}.super-dashboard{padding:28px 32px;display:flex;flex-direction:column;gap:28px}.mega-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.mega-card{background:#fff;border-radius:20px;padding:24px;border:1px solid #e8ecf0;display:flex;align-items:flex-start;gap:18px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 15px #0000000a}.mega-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.mega-card:before{content:"";position:absolute;top:-30px;left:-30px;width:100px;height:100px;border-radius:50%;filter:blur(40px);opacity:.3}.mega-card.purple:before{background:#667eea}.mega-card.blue:before{background:#17a2b8}.mega-card.green:before{background:#28a745}.mega-card.orange:before{background:#fd7e14}.mega-icon{font-size:2.5rem;line-height:1}.mega-info{display:flex;flex-direction:column;gap:4px}.mega-info span{color:#7a8599;font-size:.85rem}.mega-info strong{font-size:2.4rem;font-weight:800;line-height:1.1}.mega-card.purple .mega-info strong{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mega-card.blue .mega-info strong{background:linear-gradient(135deg,#0891b2,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mega-card.green .mega-info strong{background:linear-gradient(135deg,#16a34a,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mega-card.orange .mega-info strong{background:linear-gradient(135deg,#ea580c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mega-info small{color:#9ca3af;font-size:.75rem}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dash-card{background:#fff;border-radius:20px;padding:24px;border:1px solid #e8ecf0;box-shadow:0 4px 15px #0000000a}.dash-card h3{color:#1e2a3b;font-size:1.1rem;font-weight:600;margin:0 0 20px;display:flex;align-items:center;gap:10px}.system-health .health-grid{display:flex;flex-direction:column;gap:12px}.health-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f8fafc;border-radius:12px;border:1px solid #e8ecf0}.health-indicator{width:12px;height:12px;border-radius:50%;background:#9ca3af}.health-item.online .health-indicator{background:#22c55e;box-shadow:0 0 12px #22c55e80;animation:pulse-green 2s infinite}.health-item.offline .health-indicator{background:#ef4444;box-shadow:0 0 12px #ef444480}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}.health-item strong{color:#1e2a3b;font-size:.9rem;display:block}.health-item span{color:#7a8599;font-size:.8rem}.health-item.online span{color:#16a34a}.health-item.offline span{color:#dc2626}.uptime-card .uptime-display{display:flex;justify-content:center;gap:24px;padding:20px 0}.uptime-segment{text-align:center}.uptime-segment strong{display:block;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.uptime-segment span{color:#7a8599;font-size:.8rem}.calls-card .calls-stats{display:flex;flex-direction:column;gap:16px}.call-stat{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-radius:10px;border:1px solid #e8ecf0}.call-stat span{color:#5a6a85;font-size:.9rem}.call-stat .big-num{font-size:1.5rem;font-weight:700;color:#1e2a3b}.call-stat .big-num.success{color:#16a34a}.plans-card .plans-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.plan-item{display:flex;align-items:center;gap:12px}.plan-dot{width:12px;height:12px;border-radius:50%}.plan-dot.starter{background:linear-gradient(135deg,#667eea,#764ba2)}.plan-dot.pro{background:linear-gradient(135deg,#0891b2,#06b6d4)}.plan-dot.enterprise{background:linear-gradient(135deg,#ea580c,#f97316)}.plan-item span{flex:1;color:#5a6a85;font-size:.9rem}.plan-item strong{color:#1e2a3b;font-size:1rem}.plans-bar{display:flex;height:10px;border-radius:10px;overflow:hidden;background:#e8ecf0}.bar-starter{background:linear-gradient(90deg,#667eea,#764ba2)}.bar-pro{background:linear-gradient(90deg,#0891b2,#06b6d4)}.bar-enterprise{background:linear-gradient(90deg,#ea580c,#f97316)}.top-tenants .top-list{display:flex;flex-direction:column;gap:12px}.top-item{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#f8fafc;border-radius:12px;border:1px solid #e8ecf0;transition:all .2s}.top-item:hover{background:#f1f5f9;border-color:#d1d5db}.top-item .rank{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem}.top-info strong{display:block;color:#1e2a3b;font-size:.95rem}.top-info small{color:#7a8599;font-size:.75rem}.activity-card .activity-list{display:flex;flex-direction:column;gap:12px;max-height:280px;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;background:#f8fafc;border-radius:10px}.activity-dot{width:8px;height:8px;background:#667eea;border-radius:50%;margin-top:6px}.activity-item strong{display:block;color:#1e2a3b;font-size:.85rem;font-weight:500}.activity-item small{color:#9ca3af;font-size:.75rem}.quick-actions h3{color:#1e2a3b;font-size:1.1rem;font-weight:600;margin:0 0 16px}.quick-actions .actions-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.quick-actions .actions-grid button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;background:#fff;border:1px solid #e8ecf0;border-radius:16px;color:#1e2a3b;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.quick-actions .actions-grid button:hover{background:linear-gradient(135deg,#667eea1a,#764ba20d);border-color:#667eea4d;transform:translateY(-4px);box-shadow:0 8px 20px #667eea26}.tenants-section{padding:28px 32px}.tenants-toolbar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.tenants-toolbar input{flex:1;min-width:200px;padding:14px 18px;background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#1e2a3b;font-size:.95rem;box-shadow:0 2px 6px #0000000a}.tenants-toolbar input::placeholder{color:#9ca3af}.tenants-toolbar input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.tenants-toolbar select{padding:14px 18px;background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#1e2a3b;font-size:.95rem;cursor:pointer;box-shadow:0 2px 6px #0000000a}.tenants-toolbar select:focus{outline:none;border-color:#667eea}.tenants-table-wrap{background:#fff;border-radius:20px;border:1px solid #e8ecf0;overflow:hidden;box-shadow:0 4px 15px #0000000a}.tenants-table{width:100%;border-collapse:collapse}.tenants-table th{padding:16px 18px;background:#f8fafc;color:#5a6a85;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:right;border-bottom:1px solid #e8ecf0}.tenants-table td{padding:16px 18px;color:#374151;font-size:.9rem;border-bottom:1px solid #f1f5f9}.tenants-table tr:hover td{background:#f8fafc}.tenants-table tr.selected td{background:#667eea14}.tenant-cell strong{display:block;color:#1e2a3b;font-weight:600}.tenant-cell small{color:#9ca3af;font-size:.8rem}.tenants-table select{padding:8px 12px;background:#f8fafc;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.85rem;cursor:pointer}.status-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.suspended{background:#fee2e2;color:#dc2626}.limits-cell{display:flex;gap:8px}.limits-cell input{width:60px;padding:8px;background:#f8fafc;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.85rem;text-align:center}.limits-cell input:focus{outline:none;border-color:#667eea}.action-btns{display:flex;gap:8px}.action-btns button{padding:8px 14px;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.view-btn{background:#ede9fe;color:#7c3aed}.view-btn:hover{background:#ddd6fe}.toggle-btn{background:#ffedd5;color:#ea580c}.toggle-btn:hover{background:#fed7aa}.save-btn{background:#dcfce7;color:#16a34a}.save-btn:hover{background:#bbf7d0}.tenant-detail{margin-top:24px;background:#fff;border-radius:20px;border:1px solid #e8ecf0;overflow:hidden;box-shadow:0 4px 15px #0000000a}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f8fafc;border-bottom:1px solid #e8ecf0}.detail-header h3{color:#1e2a3b;font-size:1.2rem;margin:0}.detail-header button{background:transparent;border:none;color:#9ca3af;font-size:1.2rem;cursor:pointer}.detail-header button:hover{color:#374151}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px}.detail-grid>div{background:#f8fafc;padding:16px;border-radius:12px;border:1px solid #e8ecf0}.detail-grid label{display:block;color:#7a8599;font-size:.8rem;margin-bottom:6px}.detail-grid span{color:#1e2a3b;font-size:1rem;font-weight:600}.fs-section{padding:28px 32px}.fs-controls{margin-bottom:24px}.fs-controls h3{color:#1e2a3b;font-size:1.2rem;font-weight:600;margin:0 0 16px}.fs-btns{display:flex;flex-wrap:wrap;gap:12px}.fs-btns button{padding:14px 24px;background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#374151;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #0000000a}.fs-btns button:hover{background:linear-gradient(135deg,#667eea1a,#764ba20d);border-color:#667eea66;color:#667eea;transform:translateY(-2px);box-shadow:0 6px 15px #667eea26}.fs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.fs-card{background:#fff;border-radius:16px;border:1px solid #e8ecf0;overflow:hidden;box-shadow:0 4px 15px #0000000a}.fs-card h4{padding:16px 20px;margin:0;background:#f8fafc;color:#1e2a3b;font-size:1rem;font-weight:600;border-bottom:1px solid #e8ecf0}.fs-card pre{padding:16px 20px;margin:0;color:#374151;font-size:.8rem;font-family:SF Mono,Fira Code,monospace;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto;direction:ltr;text-align:left;background:#fafbfc}.create-section{padding:28px 32px;display:flex;justify-content:center}.create-card{width:100%;max-width:700px;background:#fff;border-radius:24px;border:1px solid #e8ecf0;padding:32px;box-shadow:0 4px 20px #0000000f}.create-card h3{color:#1e2a3b;font-size:1.5rem;font-weight:700;margin:0 0 8px;text-align:center}.create-card>p{color:#7a8599;text-align:center;margin:0 0 28px}.create-form{display:flex;flex-direction:column;gap:20px}.create-form .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.create-form .form-group{display:flex;flex-direction:column;gap:8px}.create-form label{color:#5a6a85;font-size:.9rem;font-weight:500}.create-form input,.create-form select{padding:14px 18px;background:#f8fafc;border:1px solid #d1d5db;border-radius:12px;color:#1e2a3b;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.create-form input:focus,.create-form select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26;background:#fff}.create-form input::placeholder{color:#9ca3af}.create-form hr{border:none;border-top:1px solid #e8ecf0;margin:8px 0}.create-form h4{color:#374151;font-size:1rem;font-weight:600;margin:0}.create-btn{padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:8px}.create-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #667eea59}.log-toast{position:fixed;bottom:24px;left:24px;display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fff;border-radius:14px;border:1px solid #e8ecf0;box-shadow:0 10px 40px #0000001f;animation:slideIn .3s ease;z-index:9999}.log-toast span{color:#1e2a3b;font-size:.9rem}.log-toast button{background:transparent;border:none;color:#9ca3af;font-size:1rem;cursor:pointer}.log-toast button:hover{color:#374151}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:1400px){.mega-stats,.dash-grid{grid-template-columns:repeat(2,1fr)}.quick-actions .actions-grid{grid-template-columns:repeat(3,1fr)}.detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.super-sidebar{width:80px}.super-logo h1{font-size:1.2rem}.super-logo span{display:none}.super-nav button{justify-content:center;padding:16px}.super-nav button i{margin:0}.super-nav button:not(i){font-size:0}.super-sidebar-footer .auto-refresh span,.super-sidebar-footer .logout-btn{font-size:0;padding:12px}.fs-grid{grid-template-columns:1fr}}@media(max-width:768px){.super-shell{flex-direction:column}.super-sidebar{width:100%;height:auto;position:relative;flex-direction:row;align-items:center;padding:0;border-left:none;border-bottom:1px solid #e8ecf0}.super-logo{padding:16px;border-bottom:none}.super-nav{flex-direction:row;flex:1;padding:8px;overflow-x:auto;gap:4px}.super-nav button{padding:12px;flex-shrink:0}.super-sidebar-footer{display:none}.super-dashboard,.tenants-section,.fs-section,.create-section{padding:16px}.mega-stats,.dash-grid{grid-template-columns:1fr}.quick-actions .actions-grid{grid-template-columns:repeat(2,1fr)}.create-form .form-row,.detail-grid{grid-template-columns:1fr}.limits-cell{flex-direction:column}.limits-cell input{width:100%}}.plans-section{padding:28px 32px}.plans-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.plans-list-panel,.plan-form-panel{background:#fff;border-radius:20px;border:1px solid #e8ecf0;padding:24px;box-shadow:0 4px 15px #0000000a}.plans-list-panel h3,.plan-form-panel h3{color:#1e2a3b;font-size:1.2rem;font-weight:600;margin:0 0 20px}.plans-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.plan-card{background:#f8fafc;border:1px solid #e8ecf0;border-radius:16px;padding:20px;transition:all .2s}.plan-card:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea1a}.plan-card.inactive{opacity:.6;background:#f1f5f9}.plan-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.plan-card-header h4{color:#1e2a3b;font-size:1.1rem;font-weight:600;margin:0}.plan-status{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.plan-status.active{background:#dcfce7;color:#16a34a}.plan-status.inactive{background:#f1f5f9;color:#64748b}.plan-card-price{margin-bottom:16px}.plan-card-price strong{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-card-price span{color:#7a8599;font-size:.9rem;margin-right:4px}.plan-card-limits{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.plan-card-limits div{display:flex;align-items:center;gap:6px;color:#5a6a85;font-size:.85rem}.plan-card-limits span{font-size:1rem}.plan-card-meta{padding-top:12px;border-top:1px solid #e8ecf0;margin-bottom:12px}.plan-card-meta small{color:#9ca3af;font-size:.8rem}.plan-card-actions{display:flex;gap:8px}.plan-card-actions .edit-btn,.plan-card-actions .delete-btn{flex:1;padding:10px;border:none;border-radius:10px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.plan-card-actions .edit-btn{background:#ede9fe;color:#7c3aed}.plan-card-actions .edit-btn:hover{background:#ddd6fe}.plan-card-actions .delete-btn{background:#fee2e2;color:#dc2626}.plan-card-actions .delete-btn:hover{background:#fecaca}.plan-form{display:flex;flex-direction:column;gap:16px}.plan-form .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.plan-form .form-row.triple{grid-template-columns:repeat(3,1fr)}.plan-form .form-group{display:flex;flex-direction:column;gap:6px}.plan-form label{color:#5a6a85;font-size:.85rem;font-weight:500}.plan-form input,.plan-form select{padding:12px 14px;background:#f8fafc;border:1px solid #d1d5db;border-radius:10px;color:#1e2a3b;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.plan-form input:focus,.plan-form select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26;background:#fff}.plan-form input:disabled{background:#e5e7eb;cursor:not-allowed}.plan-form h4{color:#374151;font-size:.95rem;font-weight:600;margin:8px 0 0;padding-top:12px;border-top:1px solid #e8ecf0}.checkbox-group{flex-direction:row!important;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-group input[type=checkbox]{width:20px;height:20px;accent-color:#667eea}.form-actions{display:flex;gap:12px;margin-top:8px}.form-actions .save-btn,.form-actions .create-btn{flex:1;padding:14px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.form-actions .save-btn:hover,.form-actions .create-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.form-actions .cancel-btn{padding:14px 20px;background:#f1f5f9;border:1px solid #d1d5db;border-radius:12px;color:#64748b;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.form-actions .cancel-btn:hover{background:#e2e8f0}@media(max-width:1200px){.plans-grid{grid-template-columns:1fr}.plans-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.plans-section{padding:16px}.plans-cards,.plan-form .form-row,.plan-form .form-row.triple{grid-template-columns:1fr}}:root{font-family:Manrope,Tajawal,system-ui,sans-serif;color:#0b1a2b;background-color:#eef2f7;--ink-900: #0b1a2b;--ink-700: #27405a;--ink-500: #5a6f87;--steel-200: #d9e1ea;--steel-100: #eef2f7;--blue-700: #1e4fd7;--blue-600: #2f6ef5;--blue-500: #4b85ff;--blue-200: #cfe0ff;--silver: #f6f8fb;--shadow-soft: 0 20px 50px rgba(18, 35, 60, .12);--shadow-card: 0 14px 30px rgba(20, 35, 60, .1)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(circle at 15% 10%,#dfe9ff,transparent 45%),radial-gradient(circle at 85% 15%,#f6f8fb,transparent 50%),linear-gradient(180deg,#eef2f7,#f7f9fc);color:var(--ink-900)}#root{min-height:100vh}button,input,select{font:inherit}