:root{--bg:#0b0b0c;--sidebar:#0d0d0f;--surface:#111113;--surface-2:#151517;--surface-3:#18181b;--line:#2a2a2d;--line-soft:#202023;--text:#f5f5f5;--muted:#a0a0a5;--muted-2:#6f6f73;--success:#7fd06c;--warning:#d7a95d;--danger:#ee7b7b;--info:#8da7d8;--olive:#a8ad83;--sidebar-w:258px;--topbar-h:64px;--radius:20px }*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block}.app{min-height:100vh}.sidebar{position:fixed;inset:0 0 0 auto;width:var(--sidebar-w);height:100vh;background:var(--sidebar);border-left:1px solid var(--line-soft);display:flex;flex-direction:column;z-index:50}.sidebar-top{padding:18px 16px 14px;border-bottom:1px solid var(--line-soft)}.brand-row{display:flex;align-items:center;gap:10px;padding:0 4px}.brand-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#f4f4f5;color:#111113;font-weight:900;font-size:14px}.brand-name{font-size:13px;font-weight:800;letter-spacing:1.7px}.admin-switcher{margin-top:14px;min-height:58px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:10px;padding:10px 11px;background:#111113}.admin-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#101012;border:1px solid #2d2d31;color:#dddde2;font-size:11px;font-weight:800}.admin-copy{flex:1;min-width:0}.admin-label{font-size:9px;color:var(--muted-2);text-transform:uppercase;letter-spacing:1.2px;font-weight:800}.admin-name{margin-top:2px;font-size:13px;font-weight:700}.nav{flex:1;overflow:auto;padding:16px 10px 22px}.nav-heading{padding:0 10px;margin-bottom:7px;color:var(--muted-2);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px}.nav-item{width:100%;min-height:40px;padding:0 11px;margin:3px 0;border:0;border-radius:11px;background:transparent;display:flex;align-items:center;gap:10px;color:#a5a5ad;text-align:right;transition:.15s}.nav-item:hover{background:#ffffff09;color:var(--text)}.nav-item.active{background:#1b1b1e;color:var(--text)}.nav-icon{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px}.nav-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.sidebar-footer{border-top:1px solid var(--line-soft);padding:13px 14px 15px}.profile{display:flex;align-items:center;gap:9px}.profile-avatar{width:32px;height:32px;border-radius:50%;background:#1e1e22;border:1px solid #2d2d31;display:grid;place-items:center;font-size:10px;font-weight:800}.profile-name{font-size:11px;font-weight:700}.profile-role{margin-top:2px;color:var(--muted-2);font-size:9px}.main{margin-right:var(--sidebar-w);min-height:100vh}.topbar{position:sticky;top:0;z-index:30;height:var(--topbar-h);padding:0 26px;display:flex;align-items:center;justify-content:space-between;background:#0b0b0ceb;border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted-2);font-size:11px}.breadcrumb strong{color:#d8d8dc}.top-actions{display:flex;align-items:center;gap:7px}.icon-btn{width:36px;height:36px;border:1px solid transparent;border-radius:50%;background:transparent;display:grid;place-items:center;color:#96969e}.icon-btn:hover{color:#fff;background:#101012;border-color:#2b2b2f}.content{max-width:1340px;margin:0 auto;padding:32px 34px 72px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.page-title{margin:0;font-size:27px;line-height:1.2;font-weight:800;letter-spacing:-.5px}.page-subtitle{margin-top:8px;color:var(--muted);font-size:11px;line-height:1.7;max-width:680px}.status-line{display:inline-flex;align-items:center;gap:7px;margin-top:10px;color:#bcbcc2;font-size:9px}.status-line:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px #7fd06c14}.btn{height:38px;padding:0 14px;border-radius:10px;font-size:9px;font-weight:800}.btn-primary{border:1px solid #ececee;background:#ececee;color:#111113}.btn-secondary{border:1px solid var(--line);background:#151517;color:#c7c7cc}.card{border:1px solid var(--line);border-radius:18px;background:#101012;overflow:hidden}.card-head{padding:16px 18px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:14px}.card-title{font-size:12px;font-weight:800}.card-hint{margin-top:4px;color:var(--muted-2);font-size:8px}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.kpi{min-height:108px;padding:15px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#111113,#0f0f11)}.kpi span{display:block;color:var(--muted-2);font-size:8px}.kpi strong{display:block;margin-top:14px;font-size:23px}.kpi small{display:block;margin-top:7px;color:var(--muted);font-size:8px}.grid-2{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:14px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:820px}.table th{height:42px;padding:0 16px;text-align:right;color:var(--muted-2);font-size:8px;background:#0f0f11;border-bottom:1px solid var(--line-soft)}.table td{height:62px;padding:0 16px;border-bottom:1px solid var(--line-soft);font-size:9px;color:#d0d0d4}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#151517}.badge{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 8px;border-radius:999px;border:1px solid #303034;background:#151517;color:#bdbdc3;font-size:8px}.badge.ok{color:#a8d99a;border-color:#7fd06c40}.badge.warn{color:#e4bf7b;border-color:#d7a95d40}.badge.danger{color:#f09b9b;border-color:#ee7b7b40}.list{display:grid}.list-row{min-height:66px;padding:0 18px;border-top:1px solid var(--line-soft);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.list-row:first-child{border-top:0}.list-title{font-size:10px;font-weight:760}.list-meta{margin-top:4px;color:var(--muted-2);font-size:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:9px;color:#bdbdc2;font-weight:750}.control{height:38px;border:1px solid var(--line);border-radius:10px;background:#0e0e10;padding:0 11px;font-size:9px;outline:0}.control:focus{border-color:#4f5143}.textarea{min-height:96px;padding:11px;resize:vertical}.toggle{position:relative;width:40px;height:22px;border-radius:99px;background:#2a2a2e;border:1px solid #333338}.toggle:after{content:"";position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#77777e;transition:.2s}.toggle.on{background:#e8e8ea}.toggle.on:after{right:21px;background:#111113}.section-gap{margin-top:14px}.license-grid,.plan-grid,.addon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.tile{border:1px solid var(--line-soft);border-radius:14px;background:#0f0f11;padding:15px}.tile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tile-name{font-size:12px;font-weight:800}.tile-copy{margin-top:5px;color:var(--muted-2);font-size:8px;line-height:1.6}.tile-price{margin-top:16px;font-size:21px;font-weight:820}.tile-price small{font-size:8px;color:var(--muted-2);font-weight:600}.tile-list{display:grid;gap:8px;margin-top:14px}.tile-list div{font-size:8px;color:#c4c4ca}.usage-row{padding:14px 18px;border-top:1px solid var(--line-soft)}.usage-row:first-child{border-top:0}.usage-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.usage-name{font-size:10px;font-weight:760}.usage-value{font-size:9px;color:#c9c9ce}.progress{height:7px;border-radius:99px;background:#242428;overflow:hidden;margin-top:9px}.progress span{display:block;height:100%;background:#dedee0;border-radius:99px}.progress.warn span{background:var(--warning)}.progress.danger span{background:var(--danger)}.drawer{position:fixed;inset:0 0 0 auto;width:min(520px,100vw);height:100vh;background:#0f0f11;border-left:1px solid var(--line);z-index:100;transform:translate(100%);transition:.22s;box-shadow:-24px 0 60px #00000059;overflow:auto}.drawer.open{transform:translate(0)}.drawer-head{position:sticky;top:0;padding:18px;border-bottom:1px solid var(--line-soft);background:#0f0f11;display:flex;align-items:center;justify-content:space-between;z-index:2}.drawer-body{padding:18px}.drawer-close{border:1px solid var(--line);background:#151517;color:#ddd;border-radius:9px;width:34px;height:34px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:90;opacity:0;pointer-events:none;transition:.2s}.modal-backdrop.show{opacity:1;pointer-events:auto}@media(max-width:1050px){.kpis{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-equal{grid-template-columns:1fr}.license-grid,.plan-grid,.addon-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{display:none}.main{margin-right:0}.content{padding:24px 16px 60px}.page-head{display:block}.top-actions{margin-top:14px}.kpis,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.license-grid,.plan-grid,.addon-grid{grid-template-columns:1fr}}