:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg:#050a10;--bg-soft:#08101a;--surface:#0d1622;--surface-2:#101c2a;--surface-3:#142235;--border:#213247;--border-soft:#85a5c729;--text:#ecf3fb;--text-soft:#c8d3df;--muted:#8290a2;--muted-2:#627186;--accent:#62d9f4;--accent-2:#2a9fb6;--accent-soft:#62d9f41f;--success:#63d89b;--success-soft:#63d89b1f;--warning:#f3b85b;--warning-soft:#f3b85b21;--danger:#ff6f74;--danger-soft:#ff6f7421;--shadow-soft:0 22px 55px #00000047;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--sidebar-width:256px;--topbar-height:64px}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:radial-gradient(circle at 80% -10%, #3778961f, transparent 34rem), linear-gradient(180deg, #06101a 0%, var(--bg) 38rem);color:var(--text);font-family:var(--font-sans);letter-spacing:0;margin:0;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}button{letter-spacing:0}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border-soft);background:linear-gradient(#0d1a28f5,#070e17fa);flex-direction:column;gap:22px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-height:46px;padding:0 4px;display:flex}.brand-mark{width:36px;height:36px;color:var(--text);place-items:center;display:grid}.brand-title{color:var(--text);margin:0;font-size:16px;font-weight:760;line-height:1.1}.brand-subtitle{color:var(--muted);margin-top:2px;font-size:12px}.nav-group-label{color:var(--muted-2);text-transform:uppercase;margin:10px 0 6px;padding:0 10px;font-size:11px;font-weight:720}.nav-list{gap:4px;display:grid}.nav-link{border-radius:var(--radius-sm);min-height:40px;color:var(--text-soft);border:1px solid #0000;align-items:center;gap:10px;padding:0 10px;display:flex}button.nav-link{appearance:none;cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0}.nav-link svg{width:17px;height:17px}.nav-link.active{color:var(--accent);background:linear-gradient(90deg,#62d9f429,#62d9f40d);border-color:#62d9f424}.sidebar-footer{gap:10px;margin-top:auto;display:grid}.system-pill,.user-pill{border:1px solid var(--border-soft);border-radius:var(--radius-md);color:var(--text-soft);background:#101c2abd;padding:12px}.user-pill{align-items:center;gap:10px;display:flex}.avatar{width:32px;height:32px;color:var(--accent);background:#62d9f41c;border:1px solid #62d9f426;border-radius:50%;place-items:center;font-size:12px;font-weight:780;display:grid}.main-shell{grid-template-rows:var(--topbar-height) 1fr;min-width:0;display:grid}.topbar{z-index:5;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#060d16e0;align-items:center;gap:14px;padding:0 22px;display:flex;position:sticky;top:0}.topbar-search{flex:1;max-width:520px}.page{width:min(1240px, calc(100vw - var(--sidebar-width) - 44px));margin:0 auto;padding:22px 0 44px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page-title{color:var(--text);letter-spacing:0;margin:0;font-size:24px;font-weight:780;line-height:1.15}.page-subtitle{color:var(--muted);margin-top:5px}.grid{gap:12px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-col{grid-template-columns:minmax(0,1fr) minmax(330px,.62fr)}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:800px}.compact-table{min-width:0}.data-table th,.data-table td{border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:middle;padding:12px 14px}.data-table th{color:var(--muted);font-size:12px;font-weight:720}.data-table td{color:var(--text-soft)}.compact-table th,.compact-table td{padding:10px}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.small{cursor:pointer;border:0;border-radius:7px;min-height:30px;padding:0 10px}.copyable-code{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:hidden}.status-dot{background:var(--success);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #63d89b1a}.cabinet-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.48fr);align-items:stretch;gap:12px;display:grid}.instruction-list{color:var(--text-soft);margin:0;padding-left:20px}.instruction-list li+li{margin-top:8px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-wide{grid-column:1/-1}.login-screen{background:radial-gradient(circle at 50% -10%, #62d9f41f, transparent 34rem), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{width:min(420px,100%)}.muted{color:var(--muted)}.fine{color:var(--muted);font-size:12px}.error-text{color:var(--danger)}.success-text{color:var(--success)}.progress-track{background:#8290a229;border-radius:999px;width:100%;height:8px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #7ef0d2);height:100%}.preview-code{white-space:pre-wrap;word-break:break-all;max-height:320px;overflow:auto}.mobile-menu-button{display:none}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{width:var(--sidebar-width);z-index:20;transition:transform .16s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-menu-button{display:inline-flex}.page{width:min(100% - 28px,1240px)}.metric-grid,.two-col,.three-col,.cabinet-hero,.form-grid{grid-template-columns:1fr}.topbar{padding:0 14px}}@media (width<=640px){.topbar{justify-content:flex-start}.topbar-search,.topbar-optional{display:none}}