:root{--app-bg:#07101d;--app-sidebar:#081424;--app-card:#101d2f;--app-card-2:#0b1727;--app-line:#1d3048;--app-text:#f5f8fc;--app-muted:#829ab7;--app-cyan:#27c8d5;--app-green:#38d7a2;--app-purple:#8b7cf6;--app-amber:#f4c95d}
.app-body{background:var(--app-bg);min-height:100vh}.app-shell{min-height:100vh;display:grid;grid-template-columns:288px minmax(0,1fr);direction:rtl}.app-sidebar{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a1728,#07111f);border-left:1px solid var(--app-line);padding:20px 16px 14px;z-index:50}.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;padding:0 5px 17px;border-bottom:1px solid rgba(130,154,183,.14)}.app-brand{display:flex;align-items:center;gap:11px;color:var(--app-text);text-decoration:none;min-width:0}.app-brand>span:last-child{display:grid;min-width:0}.app-brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:178px}.app-brand small{color:var(--app-muted);font-size:11px}.brand-symbol{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--app-cyan),#27a9ee);color:#032132;font-weight:900}.sidebar-close{display:none;border:0;background:none;color:#fff;font-size:27px}.sidebar-context{margin:16px 4px 8px;padding:11px;display:flex;align-items:center;gap:10px;background:rgba(16,29,47,.82);border:1px solid var(--app-line);border-radius:14px}.sidebar-context>span:last-child{display:grid;min-width:0}.sidebar-context small{color:var(--app-muted);font-size:10px}.sidebar-context strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-avatar,.context-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(39,200,213,.13);color:#61dce3;font-weight:900}.super-context .context-icon{background:rgba(139,124,246,.15);color:#ada3ff}.workspace-switcher{margin:0 4px 5px}.workspace-switcher select{padding:9px 10px;font-size:12px}.app-nav{display:grid;gap:3px;overflow:auto;padding:4px 3px 12px;scrollbar-width:thin}.nav-title{font-size:10px;color:#617895;font-weight:800;padding:15px 10px 5px}.app-nav a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;color:#9db2cb;text-decoration:none;font-size:13px;transition:.18s ease}.app-nav a i{width:24px;text-align:center;font-style:normal;color:#738ba8}.app-nav a:hover{color:#fff;background:rgba(255,255,255,.04)}.app-nav a.active{color:#fff;background:linear-gradient(90deg,rgba(39,200,213,.18),rgba(39,200,213,.06));box-shadow:inset -2px 0 var(--app-cyan)}.app-nav a.active i{color:#58e0e6}.admin-area .app-nav a.active{background:linear-gradient(90deg,rgba(139,124,246,.2),rgba(139,124,246,.06));box-shadow:inset -2px 0 var(--app-purple)}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(130,154,183,.14);padding:14px 5px 0;display:flex;align-items:center;justify-content:space-between;gap:9px}.sidebar-user{display:flex;align-items:center;gap:9px;min-width:0}.sidebar-user>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#18304b;color:#fff;font-weight:800}.sidebar-user>div{display:grid;min-width:0}.sidebar-user strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{font-size:10px;color:var(--app-muted)}.logout-button{border:1px solid var(--app-line);background:#101d2f;color:#a8bbd0;width:34px;height:34px;border-radius:9px;cursor:pointer}.app-stage{min-width:0}.app-content{padding:30px 32px 70px;max-width:1720px;margin-inline:auto}.mobile-app-header{display:none}.sidebar-overlay{display:none}
.app-content .topbar{padding-bottom:20px;border-bottom:1px solid rgba(130,154,183,.14);margin-bottom:22px}.app-content .topbar h1{font-size:clamp(25px,3vw,34px);letter-spacing:-.5px}.app-content .card,.app-content .stat{background:linear-gradient(145deg,rgba(16,29,47,.96),rgba(11,23,39,.96));border-color:var(--app-line);box-shadow:0 16px 42px rgba(0,0,0,.15)}.app-content .stat{position:relative;overflow:hidden}.app-content .stat:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;left:-25px;bottom:-32px;background:rgba(39,200,213,.08)}.app-content .stat strong{font-size:29px}.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px 26px;border:1px solid var(--app-line);border-radius:20px;background:radial-gradient(circle at 10% 0,rgba(39,200,213,.14),transparent 36%),linear-gradient(135deg,#11233a,#0c1a2d);margin-bottom:18px}.dashboard-hero h1{margin:3px 0;font-size:30px}.dashboard-hero p{color:var(--app-muted);margin:0}.dashboard-date{display:grid;text-align:left}.dashboard-date strong{font-size:18px}.dashboard-date small{color:var(--app-muted)}.metric-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(39,200,213,.12);color:#54dce4;margin-bottom:16px}.metric-label{display:flex;align-items:center;justify-content:space-between;gap:7px}.metric-trend{font-size:10px;color:var(--app-green)}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-action{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid var(--app-line);border-radius:14px;background:var(--app-card-2);color:#dbe7f3;text-decoration:none}.quick-action i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(39,200,213,.12);color:#64e0e5;font-style:normal}.quick-action small{display:block;color:var(--app-muted)}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;margin-top:18px}.activity-list{display:grid}.activity-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(130,154,183,.12)}.activity-row:last-child{border:0}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--app-green);box-shadow:0 0 0 5px rgba(56,215,162,.08)}.activity-row strong,.activity-row small{display:block}.activity-row small,.activity-row time{color:var(--app-muted);font-size:11px}.usage-bar{height:8px;border-radius:99px;background:#07111f;overflow:hidden;margin:10px 0}.usage-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--app-cyan),var(--app-green));border-radius:inherit}.module-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.module-header h1{margin:0;font-size:31px}.module-header p{margin:4px 0;color:var(--app-muted)}.module-kicker{color:var(--app-cyan);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-area .module-kicker{color:#ada3ff}.empty-state{text-align:center;padding:38px 18px;color:var(--app-muted)}.empty-state i{display:grid;place-items:center;margin:0 auto 12px;width:54px;height:54px;border-radius:17px;background:rgba(39,200,213,.1);color:#5ee1e7;font-style:normal;font-size:22px}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.admin-welcome{background:radial-gradient(circle at 10% 10%,rgba(139,124,246,.2),transparent 30%),linear-gradient(135deg,#171c38,#101b31)}.status-cluster{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-chip{font-size:11px;padding:5px 9px;border-radius:999px;background:#172a40;color:#a9bed3}.status-chip.green{background:#10362e;color:#78e5bc}.settings-section{margin-bottom:18px}.settings-section>header{margin-bottom:16px}.settings-section>header h2{margin:0}.settings-section>header p{margin:3px 0;color:var(--app-muted)}
.admin-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.plan-editor{display:block}.limits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.check-row{display:flex;gap:20px;margin:14px 0}.cms-form .code-area{min-height:150px}.sticky-save{position:sticky;bottom:16px;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;border:1px solid #2a5265;border-radius:15px;background:rgba(9,25,39,.94);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.35)}.sticky-save span{color:#8ca5be}.quick-links{display:grid;gap:8px}.quick-links a{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid var(--app-line);border-radius:12px;text-decoration:none;color:#e5edf6;background:#0b1727}.quick-links i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(139,124,246,.14);color:#ada3ff;font-style:normal}.quick-links span{display:grid}.quick-links small{color:var(--app-muted)}.admin-stats{grid-template-columns:repeat(4,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.safety-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.safety-list span{padding:12px;border-radius:11px;background:#0b1727;border:1px solid var(--app-line)}
@media(max-width:1200px){.app-shell{grid-template-columns:255px minmax(0,1fr)}.quick-actions{grid-template-columns:repeat(2,1fr)}.admin-stat-grid,.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-plan-grid{grid-template-columns:1fr}}
@media(max-width:900px){.app-shell{display:block}.app-sidebar{position:fixed;right:0;top:0;width:min(88vw,300px);transform:translateX(105%);transition:.25s ease}.sidebar-open .app-sidebar{transform:none}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(1,8,16,.72);z-index:40;opacity:0;visibility:hidden;transition:.25s}.sidebar-open .sidebar-overlay{opacity:1;visibility:visible}.sidebar-close{display:block}.mobile-app-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--app-line);background:rgba(8,20,36,.94);position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.mobile-app-header button{border:0;background:none;color:#fff;font-size:22px}.live-indicator{font-size:10px;color:var(--app-green)}.app-content{padding:20px 16px 60px}.dashboard-columns{grid-template-columns:1fr}}
@media(max-width:620px){.dashboard-hero,.module-header{align-items:flex-start;flex-direction:column}.dashboard-date{text-align:right}.quick-actions,.admin-stat-grid{grid-template-columns:1fr 1fr}.app-content .stats{grid-template-columns:1fr 1fr}.app-content .stat{padding:15px}.app-content .stat strong{font-size:24px}.limits-grid,.form-grid.three{grid-template-columns:1fr 1fr}.sticky-save{align-items:flex-start;flex-direction:column}}
@media(max-width:430px){.quick-actions,.admin-stat-grid,.app-content .stats{grid-template-columns:1fr}}