: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}