:root{--paper: #070a1a;--surface: #10132c;--surface-2: #171b3d;--surface-3: #1d2350;--ink: #eef1ff;--ink-2: #aab0e6;--ink-3: #6d74a6;--line: #242a56;--line-2: #363d78;--signal: #22e2ff;--signal-deep: #0aa8d1;--indigo: #a855f7;--amber: #fbbf24;--amber-bg: #3a2a12;--green: #34e7a1;--green-bg: #103528;--red: #ff5c8a;--red-bg: #3a1130;--gray: #7d84b8;--gray-bg: #1d2350;--on-accent: #071021;--glow-signal: 0 0 22px rgba(34, 226, 255, .35);--glow-indigo: 0 0 22px rgba(168, 85, 247, .35);--glow-green: 0 0 18px rgba(52, 231, 161, .3);--glow-red: 0 0 18px rgba(255, 92, 138, .3);--shadow: 0 8px 30px rgba(0, 0, 0, .5);--radius: 16px;color-scheme:dark}:root[data-theme=light]{--paper: #f6f8f9;--surface: #ffffff;--surface-2: #eef2f3;--surface-3: #e4eaec;--ink: #0e1b22;--ink-2: #3a4a52;--ink-3: #697981;--line: #dde4e6;--line-2: #c9d3d6;--signal: #0e9c93;--signal-deep: #0a6f69;--indigo: #4457e5;--amber: #b9770b;--amber-bg: #f7ead1;--green: #1c9257;--green-bg: #dcf0e4;--red: #ce4141;--red-bg: #f6dede;--gray: #697981;--gray-bg: #e4eaec;--shadow: 0 8px 26px rgba(14, 27, 34, .08);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1100px 480px at 85% -8%,rgba(34,226,255,.12),transparent 60%),radial-gradient(900px 420px at 8% 0%,rgba(168,85,247,.1),transparent 55%),var(--paper);color:var(--ink);font-family:IBM Plex Sans,system-ui,sans-serif;font-size:14px}h1,h2,h3{font-family:Sora,sans-serif;margin:0;letter-spacing:-.01em}h1{font-size:24px}h2{font-size:16px}a{color:inherit}.mono{font-family:IBM Plex Mono,monospace}.muted{color:var(--ink-3)}.sm{font-size:12px}.row{display:flex;align-items:center}.row.gap,.gap{gap:10px}button{font-family:inherit;cursor:pointer}.btn{background:var(--signal);color:var(--on-accent);border:none;border-radius:9px;padding:12px 16px;font-weight:600;font-size:14px;width:100%;margin-top:18px}.btn:hover:not(:disabled){filter:brightness(1.07)}.btn:disabled{opacity:.55;cursor:default}.btn.sm{width:auto;padding:9px 15px;margin:0;font-size:13px}.btn.ghost{background:transparent;border:1px solid var(--line-2);color:var(--ink-2)}.btn.ghost:hover:not(:disabled){border-color:var(--signal);color:var(--ink);filter:none}.btn.danger{border-color:#553;border-color:#e9736f66;color:var(--red)}.btn.danger:hover:not(:disabled){border-color:var(--red)}.icon-btn{background:transparent;border:none;color:var(--ink-3);font-size:15px;padding:4px 8px;border-radius:7px}.icon-btn:hover{color:var(--ink);background:var(--surface-2)}label{display:block;font-size:12px;color:var(--ink-2);margin:14px 0 6px;font-weight:500}input,select{width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:11px 13px;color:var(--ink);font-size:14px;font-family:inherit;outline:none}input:focus,select:focus{border-color:var(--signal)}select.mini{width:auto;padding:6px 9px;font-size:12px;border-radius:7px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.err{color:var(--red);font-size:13px;margin-top:12px;min-height:18px}.note{font-size:13px;color:var(--ink-3);background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:10px 12px;margin-top:12px}.link{color:var(--signal);text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:20px 22px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.brand{display:flex;align-items:center;gap:11px}.brand.mb{margin-bottom:22px}.logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--signal),var(--signal-deep));display:grid;place-items:center;color:var(--on-accent);font-weight:700;font-family:Sora;font-size:20px;flex:none}.brand b{font-family:Sora;font-size:16px;display:block}.brand span{display:block;font-size:11px;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;margin-top:2px}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:400px;padding:34px}.app-shell{min-height:100vh;display:grid;grid-template-columns:256px 1fr}.app-shell.sidebar-collapsed{grid-template-columns:72px 1fr}.app-shell.sidebar-collapsed.hover-expanded{grid-template-columns:256px 1fr}.sidebar{grid-column:1;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;transition:width .15s ease}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:18px 18px 16px;border-bottom:1px solid var(--line);flex:none}.sidebar-brand .logo{width:34px;height:34px;font-size:17px;border-radius:9px}.sidebar-brand b{font-family:Sora;font-size:14.5px;display:block}.sidebar-brand span{display:block;font-size:10.5px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.sidebar-collapse-btn{margin-left:auto;flex:none;background:transparent;border:none;color:var(--ink-3);padding:6px;border-radius:7px}.sidebar-collapse-btn:hover{color:var(--ink);background:var(--surface-2)}.sidebar.collapsed{width:72px}.sidebar.collapsed:not(.hover-expanded) .sidebar-brand{padding:18px 10px 16px;justify-content:center}.sidebar.collapsed:not(.hover-expanded) .sidebar-collapse-btn{margin-left:0}.sidebar.collapsed:not(.hover-expanded) .sidebar-section-label{display:none}.sidebar.collapsed:not(.hover-expanded) .sidebar-group-btn{justify-content:center;padding:10px}.sidebar.collapsed:not(.hover-expanded) .sidebar-group-btn span,.sidebar.collapsed:not(.hover-expanded) .sidebar-group-btn svg:last-child{display:none}.sidebar.collapsed:not(.hover-expanded) .sidebar-account-text,.sidebar.collapsed:not(.hover-expanded) .sidebar-online-dot,.sidebar.collapsed:not(.hover-expanded) .sidebar-signout{display:none}.sidebar.collapsed:not(.hover-expanded) .sidebar-account{justify-content:center}.sidebar.collapsed.hover-expanded{width:256px}.sidebar-nav{flex:1;overflow-y:auto;padding:10px 10px 14px}.sidebar-group-btn{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:none;color:var(--ink-2);text-decoration:none;font-size:13.5px;font-weight:500;font-family:inherit;padding:9px 10px;border-radius:9px;cursor:pointer;text-align:left}.sidebar-group-btn svg{flex:none;color:var(--ink-3)}.sidebar-group-btn span{flex:1}.sidebar-group-btn:hover{background:var(--surface-2);color:var(--ink)}.sidebar-group-btn.active{background:var(--surface-2);color:var(--signal)}.sidebar-group-btn.active svg{color:var(--signal)}.sidebar-footer{flex:none;border-top:1px solid var(--line);padding:12px}.sidebar-account{display:flex;align-items:center;gap:10px;padding:6px;border-radius:9px}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--signal),var(--signal-deep));color:var(--on-accent);font-family:Sora;font-weight:700;font-size:12px;display:grid;place-items:center;flex:none}.sidebar-account-text{flex:1;min-width:0}.sidebar-account-text b{display:block;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-account-text span{font-size:11px;color:var(--ink-3)}.sidebar-online-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none;box-shadow:0 0 0 2px var(--surface)}.sidebar-signout{width:100%;margin-top:10px}.content{max-width:none;width:100%;padding:26px 24px 60px;min-width:0}.mobile-menu-btn,.sidebar-backdrop{display:none}.topstrip{display:flex;justify-content:flex-end;gap:6px;margin-bottom:14px}.topstrip-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--line);background:var(--surface);text-decoration:none}.sensitive-masked{color:var(--ink-3);letter-spacing:.05em;-webkit-user-select:none;user-select:none}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.mobile-menu-btn{display:block;position:fixed;top:12px;left:12px;z-index:30;width:38px;height:38px;border-radius:9px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:16px}.sidebar{position:fixed;left:0;top:0;z-index:25;width:256px;transform:translate(-100%);transition:transform .18s ease}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#040c0f99;z-index:24}.content{padding-top:60px}}.dash-greet{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.dash-clock{text-align:right;font-family:IBM Plex Mono;color:var(--ink-2);font-size:13px;line-height:1.5}.dash-clock div:first-child{color:var(--ink-3);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.qa{display:flex;align-items:center;gap:9px;border:none;border-radius:99px;padding:9px 18px 9px 9px;text-decoration:none;color:var(--on-accent);font-size:13px;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.qa:hover{transform:translateY(-1px);filter:brightness(1.06)}.qa svg{flex:none;border-radius:50%;padding:6px;box-sizing:content-box;background:#ffffff38;color:#fff}.qa-teal{background:linear-gradient(135deg,var(--signal),var(--signal-deep));box-shadow:var(--glow-signal)}.qa-green{background:linear-gradient(135deg,var(--green),#059669);box-shadow:var(--glow-green)}.qa-indigo{background:linear-gradient(135deg,var(--indigo),#7c3aed);color:#fff;box-shadow:var(--glow-indigo)}.qa-amber{background:linear-gradient(135deg,var(--amber),#d97706);box-shadow:0 0 18px #fbbf2459}.qa-red{background:linear-gradient(135deg,var(--red),#d6336c);color:#fff;box-shadow:var(--glow-red)}.page-head{margin-bottom:20px}.page-head.row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.page-head p{margin:6px 0 0}.crumbs{margin-bottom:12px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:16px 18px}.stat-l{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.stat-v{font-family:Sora;font-size:26px;font-weight:700;margin-top:7px;letter-spacing:-.02em}.stat-v.teal{color:var(--signal)}.stat-v.amber{color:var(--amber)}.stat-v.red{color:var(--red)}.stat-h{font-size:12px;color:var(--ink-3);margin-top:6px}.two-col{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:start}@media (max-width: 860px){.two-col,.field-row{grid-template-columns:1fr}}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-family:IBM Plex Mono;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--line)}.table td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr.dim td,.table tr.dim{opacity:.55}.pill{font-family:IBM Plex Mono;font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:99px;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.s-ACTIVE{background:var(--green-bg);color:var(--green)}.s-TRIAL,.s-PAST_DUE{background:var(--amber-bg);color:var(--amber)}.s-SUSPENDED,.s-EXPIRED{background:var(--red-bg);color:var(--red)}.s-INACTIVE,.s-CANCELED{background:var(--gray-bg);color:var(--gray)}.chip{font-family:IBM Plex Mono;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--surface-3);color:var(--ink-3)}.chip.teal{background:var(--green-bg);color:var(--green)}.chip.amber{background:var(--amber-bg);color:var(--amber)}.chip.red{background:var(--red-bg);color:var(--red)}.toolbar{display:flex;gap:12px;margin-bottom:16px}.toolbar .search{flex:1}.toolbar select{width:auto;min-width:150px}.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.bar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.bar-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.track{height:7px;border-radius:99px;background:var(--surface-2);overflow:hidden}.track>.fill{display:block;height:100%;border-radius:99px;background:var(--signal)}.fill.s-ACTIVE{background:var(--green)}.fill.s-TRIAL{background:var(--amber)}.fill.s-SUSPENDED{background:var(--red)}.fill.s-INACTIVE{background:var(--gray)}.divider{height:1px;background:var(--line);margin:18px 0}.sub-h{font-size:14px;font-weight:600;margin-bottom:4px}.sub-summary .kv{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.kv .k{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.kv .v{display:block;margin-top:4px;font-size:13.5px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.empty{color:var(--ink-3);padding:26px 4px;text-align:center;font-size:14px}.empty.sm{padding:14px 4px;text-align:left;font-size:13px}.spinner-wrap{display:flex;align-items:center;gap:12px;padding:26px 4px;color:var(--ink-3)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line-2);border-top-color:var(--signal);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040c0fa8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px;z-index:40}.modal{width:100%;padding:22px 24px 26px;max-height:90vh;overflow-y:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.toast-stack{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;z-index:60}.toast{background:var(--surface-2);border:1px solid var(--signal);color:var(--ink);padding:11px 18px;border-radius:10px;font-size:13.5px;box-shadow:var(--shadow);animation:rise .2s ease}.toast.bad{border-color:var(--red)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.logo.logo-img{background:none;box-shadow:none;border-radius:0}.logo.logo-img img{width:100%;height:100%;object-fit:contain;display:block}