:root{--bg: #07090c;--panel: rgba(255,255,255,.06);--panel2: rgba(255,255,255,.08);--border: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.62);--muted2: rgba(255,255,255,.45);--accent: #7c5cff;--accent2: #20e3b2;--shadow: 0 10px 30px rgba(0,0,0,.45);--radius: 14px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(900px 500px at 10% 10%,rgba(124,92,255,.18),transparent 55%),radial-gradient(900px 500px at 90% 20%,rgba(32,227,178,.1),transparent 60%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit}.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:18px;border-right:1px solid var(--border);background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.brand{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow)}.brandMark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#7c5cff59,#20e3b22e);border:1px solid rgba(255,255,255,.12)}.brandName{font-weight:700;letter-spacing:.5px;line-height:1.1}.brandSub{font-size:12px;color:var(--muted);margin-top:2px}.tenantPill{display:inline-flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;width:fit-content}.dot{width:8px;height:8px;border-radius:999px;background:var(--accent2);box-shadow:0 0 18px #20e3b28c}.tenantText{font-size:12px;color:var(--muted);max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav{margin-top:18px;display:grid;gap:8px}.navItem{padding:11px 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--muted);transition:transform .12s ease,background .12s ease,border-color .12s ease}.navItem:hover{background:#ffffff0d;border-color:#ffffff1a;color:var(--text);transform:translateY(-1px)}.navItem.active{background:linear-gradient(135deg,#7c5cff33,#20e3b214);border-color:#ffffff24;color:var(--text)}.sidebarFooter{position:absolute;left:18px;right:18px;bottom:16px;display:flex;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.mutedSmall{font-size:12px;color:var(--muted2)}.main{padding:18px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow)}.pageTitle{margin:0;font-size:18px;letter-spacing:.2px}.pageHint{margin-top:6px;font-size:13px;color:var(--muted)}.topbarRight{display:flex;align-items:center;gap:10px}.btnGhost,.btnPrimary{border-radius:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text)}.btnGhost:active{transform:translateY(1px)}.btnPrimary{border-color:#7c5cff8c;background:linear-gradient(135deg,#7c5cffa6,#20e3b238)}.content{margin-top:14px;padding:16px;border:1px solid var(--border);background:#ffffff08;border-radius:var(--radius);min-height:calc(100vh - 126px)}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebarFooter{position:relative;left:0;right:0;bottom:0;margin-top:14px}}.card{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:14px;padding:16px;box-shadow:0 6px 18px #00000059}.h2{margin:0 0 8px;font-size:16px;font-weight:600;letter-spacing:.2px}.muted{color:#ffffffa6;margin:0;font-size:13px}.list{margin:10px 0 0 18px;padding:0;color:#ffffffd9;font-size:13px}.list li{margin-bottom:6px}.btnPrimary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:12px;border:1px solid rgba(124,92,255,.55);background:linear-gradient(135deg,#7c5cffa6,#20e3b238);color:#ffffffeb;font-size:13px;cursor:pointer}.btnPrimary:hover{filter:brightness(1.05)}.btnGhost{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffeb;font-size:13px;cursor:pointer}.btnGhost:hover{background:#ffffff12}.toastViewport{position:fixed;z-index:9999;left:12px;right:12px;bottom:12px;display:grid;gap:10px;pointer-events:none}@media (min-width: 900px){.toastViewport{left:auto;right:16px;bottom:auto;top:16px;width:360px}}.toast{pointer-events:auto;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0a0c10db;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 14px 30px #0000008c;transform:translateY(0)}.toastLeft{display:grid;place-items:center}.toastIcon{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffeb;font-weight:800}.toastBody{min-width:0}.toastTitle{font-size:12px;letter-spacing:.2px;color:#ffffffd1;font-weight:700;margin-bottom:2px}.toastMsg{font-size:13px;color:#ffffffb8;line-height:1.25;overflow:hidden;text-overflow:ellipsis}.toastX{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffd1;border-radius:12px;padding:8px 10px;cursor:pointer}.toastX:hover{background:#ffffff12}.toast-success .toastIcon{border-color:#20e3b259;background:#20e3b224}.toast-error .toastIcon{border-color:#ff547859;background:#ff547824}.toast-warn .toastIcon{border-color:#ffce5459;background:#ffce5424}.toast-info .toastIcon{border-color:#7c5cff59;background:#7c5cff24}