:root{--bg:#071122;--bg-elevated:#0d1830;--panel:rgba(14,28,52,0.82);--panel-strong:rgba(12,25,48,0.94);--line:rgba(148,177,255,0.18);--text:#f3f6ff;--muted:#9eb0cf;--primary:#1a43bf;--primary-2:#3f6aff;--cyan:#5ad2ff;--danger:#ff6b7a;--success:#49d0a6;--warning:#ffc45a;--shadow:0 24px 80px rgba(1,7,20,0.45);--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--content-max:1480px;color-scheme:dark}:root[data-theme=light]{--bg:#f0f4ff;--bg-elevated:#ffffff;--panel:rgba(255,255,255,0.88);--panel-strong:rgba(255,255,255,0.96);--line:rgba(74,108,247,0.16);--text:#1a2138;--muted:#5a6785;--primary:#1a43bf;--primary-2:#3f6aff;--cyan:#0ea5d6;--danger:#e53e50;--success:#1ba872;--warning:#d9950a;--shadow:0 24px 80px rgba(74,108,247,0.10);color-scheme:light}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top right,rgba(63,106,255,.24),transparent 26%),radial-gradient(circle at 18% 18%,rgba(90,210,255,.14),transparent 18%),linear-gradient(180deg,#081222,#07101e 52%,#060c18);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}:root[data-theme=light] body{background:radial-gradient(circle at top right,rgba(63,106,255,.08),transparent 26%),radial-gradient(circle at 18% 18%,rgba(90,210,255,.06),transparent 18%),linear-gradient(180deg,#eef2ff,#f0f4ff 52%,#e8eeff)}:root[data-theme=light] .admin-panel{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,250,255,.92));border-color:rgba(74,108,247,.14);box-shadow:0 12px 40px rgba(74,108,247,.08)}:root[data-theme=light] .nav-button{color:var(--muted)}:root[data-theme=light] .nav-button strong{color:var(--text)}:root[data-theme=light] .nav-button.active,:root[data-theme=light] .nav-button:hover{background:rgba(74,108,247,.1);border-color:rgba(74,108,247,.2);color:var(--text)}:root[data-theme=light] .metric-card,:root[data-theme=light] .section-card{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,255,.92));border-color:rgba(74,108,247,.12)}:root[data-theme=light] .hero-card{background:linear-gradient(135deg,rgba(74,108,247,.12),rgba(240,244,255,.6)),linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,250,255,.8));border-color:rgba(74,108,247,.18)}:root[data-theme=light] .hero-card p{color:var(--muted)}:root[data-theme=light] .input,:root[data-theme=light] .select,:root[data-theme=light] .textarea{background:rgba(255,255,255,.8);border-color:rgba(74,108,247,.16)}:root[data-theme=light] .button.ghost{background:rgba(74,108,247,.06);border-color:rgba(74,108,247,.14);color:var(--text)}:root[data-theme=light] .list-item{background:rgba(255,255,255,.6);border-color:rgba(74,108,247,.12)}:root[data-theme=light] .list-item.active{border-color:rgba(74,108,247,.3);background:rgba(74,108,247,.08)}:root[data-theme=light] .error-banner{background:rgba(229,62,80,.08);color:#c0293a;border-color:rgba(229,62,80,.16)}:root[data-theme=light] .status-ok{background:rgba(27,168,114,.1);color:#137a52}:root[data-theme=light] .status-degraded{background:rgba(217,149,10,.1);color:#8a6000}:root[data-theme=light] .status-pro{background:rgba(63,106,255,.1);color:#1a43bf}:root[data-theme=light] .status-free{background:rgba(90,103,133,.08);color:var(--muted)}:root[data-theme=light] .table-shell td,:root[data-theme=light] .table-shell th{border-bottom-color:rgba(74,108,247,.1)}:root[data-theme=light] .login-card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,255,.98));border-color:rgba(74,108,247,.16)}:root[data-theme=light] .login-visual{background:radial-gradient(circle at top left,rgba(90,210,255,.08),transparent 24%),linear-gradient(135deg,rgba(74,108,247,.1),rgba(240,244,255,.6))}:root[data-theme=light] .db-kpi{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,255,.92));border-color:rgba(74,108,247,.12)}:root[data-theme=light] .button.danger{background:rgba(229,62,80,.08);color:#c0293a;border-color:rgba(229,62,80,.18)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.admin-shell{width:min(calc(100vw - 32px),var(--content-max));margin:16px auto;min-height:calc(100vh - 32px);display:grid;grid-template-columns:292px 1fr;grid-gap:20px;gap:20px}.admin-panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,30,56,.92),rgba(9,18,34,.88));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar{border-radius:32px;padding:24px 18px;display:flex;flex-direction:column;gap:24px}.brand-block{gap:14px;padding:12px 10px}.brand-block,.theme-toggle{display:flex;align-items:center}.theme-toggle{gap:12px;padding:10px 14px;border-radius:14px;border:1px solid rgba(132,157,217,.16);background:rgba(255,255,255,.03);color:var(--text);font-size:13px;font-weight:600;width:100%;text-align:left;transition:.18s ease;box-shadow:none}.theme-toggle:hover{background:rgba(255,255,255,.06);border-color:rgba(132,157,217,.28)}:root[data-theme=light] .theme-toggle{background:rgba(74,108,247,.04);border-color:rgba(74,108,247,.14)}:root[data-theme=light] .theme-toggle:hover{background:rgba(74,108,247,.08)}.theme-toggle-track{position:relative;width:40px;height:22px;border-radius:11px;background:rgba(148,177,255,.22);flex-shrink:0;transition:background .2s ease}:root[data-theme=light] .theme-toggle-track{background:rgba(74,108,247,.2)}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#f3f6ff;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;font-size:11px}.theme-toggle-thumb.light{transform:translateX(18px);background:var(--primary-2)}.theme-toggle-thumb.light:after{content:"\2600";font-size:11px}.theme-toggle-thumb.dark:after{content:"\263E";font-size:11px;color:#1a2138}.brand-kicker{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.18em}.brand-title{margin-top:6px;font-size:24px;font-weight:800;letter-spacing:-.04em}.nav-list{display:grid;grid-gap:10px;gap:10px}.nav-button{width:100%;text-align:left;padding:14px 16px;border-radius:16px;border:1px solid transparent;background:transparent;color:var(--muted);transition:.18s ease}.nav-button strong{display:block;font-size:15px;color:var(--text)}.nav-button span{display:block;font-size:12px;margin-top:4px}.nav-button.active,.nav-button:hover{background:rgba(27,61,172,.24);border-color:rgba(115,146,255,.28);color:#d4e0ff}.sidebar-footer{margin-top:auto;display:grid;grid-gap:12px;gap:12px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(130,154,216,.22);color:var(--muted);background:rgba(255,255,255,.03);font-size:12px;font-weight:600}.main-panel{border-radius:36px;padding:24px;display:flex;flex-direction:column;gap:20px}.hero-strip{display:flex;justify-content:space-between;gap:16px;align-items:stretch}.hero-card{flex:1 1;border-radius:var(--radius-xl);padding:22px 24px;background:linear-gradient(135deg,rgba(30,64,175,.78),rgba(7,17,34,.42)),linear-gradient(180deg,rgba(255,255,255,.08),transparent);border:1px solid rgba(142,169,255,.22)}.hero-card h1,.hero-card h2{margin:0;font-size:34px;font-weight:800;letter-spacing:-.05em}.hero-card p{margin:10px 0 0;color:#d0daf2;max-width:680px;line-height:1.6}.grid{display:grid;grid-gap:16px;gap:16px}.grid.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,.section-card{border-radius:var(--radius-lg);padding:18px 20px;background:linear-gradient(180deg,rgba(10,20,37,.94),rgba(10,18,34,.78));border:1px solid var(--line)}.section-card h3{margin:0 0 14px;font-size:18px;letter-spacing:-.03em}.metric-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.16em}.metric-value{margin-top:10px;font-size:28px;font-weight:800;letter-spacing:-.04em}.metric-meta{margin-top:8px;color:var(--muted);font-size:13px}.section-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:16px;gap:16px}.table-shell{width:100%;overflow:auto}.table-shell table{width:100%;border-collapse:collapse}.table-shell td,.table-shell th{text-align:left;padding:12px 0;border-bottom:1px solid rgba(140,166,225,.12);vertical-align:top}.table-shell th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.16em}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.stack{display:grid;grid-gap:14px;gap:14px}.split{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1.1fr .9fr}.list-item{padding:14px 16px;border-radius:16px;border:1px solid rgba(132,157,217,.16);background:rgba(255,255,255,.03)}.list-item.active{border-color:rgba(94,136,255,.4);background:rgba(29,63,186,.18)}.muted{color:var(--muted)}.form-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;grid-gap:8px;gap:8px}.field label{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.input,.select,.textarea{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(139,166,225,.18);background:rgba(255,255,255,.05);color:var(--text);outline:none}.textarea{min-height:140px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:rgba(90,138,255,.6);box-shadow:0 0 0 4px rgba(63,106,255,.15)}.button-row{display:flex;gap:10px;flex-wrap:wrap}.notification-template-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.notification-template-guide{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.notification-template-note{padding:12px 14px;border-radius:14px;border:1px solid rgba(132,157,217,.12);background:rgba(255,255,255,.025)}.notification-template-note span{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.field-helper-block{display:grid;grid-gap:10px;gap:10px}.field-helper-title{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.field-explainer{color:var(--muted);font-size:13px;line-height:1.55}.token-list{display:flex;gap:8px;flex-wrap:wrap}.token-chip{border:1px solid rgba(132,157,217,.18);background:rgba(255,255,255,.04);color:var(--text);border-radius:999px;padding:7px 10px;box-shadow:none;font-size:12px;font-weight:600}.token-chip.active{background:rgba(29,63,186,.22);border-color:rgba(94,136,255,.38)}.autocomplete-panel{padding:12px 14px;border-radius:14px;border:1px solid rgba(132,157,217,.14);background:rgba(255,255,255,.025)}.deep-link-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.deep-link-card{text-align:left;display:grid;grid-gap:6px;gap:6px;padding:12px 14px;border-radius:14px;border:1px solid rgba(132,157,217,.14);background:rgba(255,255,255,.03);color:var(--text);box-shadow:none}.deep-link-card.active{border-color:rgba(94,136,255,.38);background:rgba(29,63,186,.18)}.info-tooltip{position:relative}.info-tooltip,.info-trigger{display:inline-flex;align-items:center}.info-trigger{inline-size:24px;block-size:24px;border-radius:999px;border:1px solid rgba(132,157,217,.22);background:rgba(255,255,255,.04);justify-content:center;font-weight:800;box-shadow:none}.info-bubble,.info-trigger{color:var(--text);font-size:13px}.info-bubble{position:absolute;top:calc(100% + 10px);right:0;width:min(320px,70vw);padding:12px 14px;border-radius:14px;border:1px solid rgba(132,157,217,.18);background:linear-gradient(180deg,rgba(10,20,37,.98),rgba(9,18,34,.96));line-height:1.5;box-shadow:0 20px 48px rgba(1,7,20,.48);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease;z-index:20}.info-tooltip:focus-within .info-bubble,.info-tooltip:hover .info-bubble{opacity:1;visibility:visible;transform:translateY(0)}.button{border:0;padding:12px 16px;border-radius:14px;color:white;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 16px 40px rgba(32,76,209,.26)}.button.ghost{background:rgba(255,255,255,.04);color:var(--text);border:1px solid rgba(132,157,217,.14);box-shadow:none}.button.danger{background:rgba(255,107,122,.15);color:#ffd2d8;box-shadow:none;border:1px solid rgba(255,107,122,.24)}.status-degraded,.status-free,.status-ok,.status-pro{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.status-ok{background:rgba(73,208,166,.12);color:#a8f0d7}.status-degraded{background:rgba(255,196,90,.14);color:#ffe0a4}.status-pro{background:rgba(63,106,255,.16);color:#d7e2ff}.status-free{background:rgba(255,255,255,.05);color:var(--muted)}.empty-state{padding:28px;border-radius:18px;border:1px dashed rgba(151,178,235,.22);color:var(--muted)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,980px);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:36px;border:1px solid rgba(148,177,255,.22);background:linear-gradient(180deg,rgba(13,26,49,.92),rgba(8,15,28,.96));box-shadow:var(--shadow)}.login-visual{padding:44px;background:radial-gradient(circle at top left,rgba(90,210,255,.14),transparent 24%),linear-gradient(135deg,rgba(26,67,191,.52),rgba(5,11,24,.48))}.login-form{padding:44px;display:grid;align-content:center;grid-gap:18px;gap:18px}.error-banner{padding:12px 14px;border-radius:14px;background:rgba(255,107,122,.12);color:#ffd4da;border:1px solid rgba(255,107,122,.2)}.db-root{display:grid;grid-gap:16px;gap:16px}.db-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:4px 0}.db-hero-title{margin:8px 0 0;font-size:28px;font-weight:800;letter-spacing:-.04em}.db-export-group{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.db-export-btn{padding:8px 14px!important;font-size:12px!important;border-radius:10px!important;white-space:nowrap}.db-export-btn:disabled{opacity:.5;cursor:wait}.db-kpis{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}.db-kpi{border-radius:var(--radius-lg);padding:16px 18px;background:linear-gradient(180deg,rgba(10,20,37,.94),rgba(10,18,34,.78));border:1px solid var(--line);display:flex;align-items:flex-start;gap:14px}.db-kpi-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.db-kpi-body{flex:1 1;min-width:0}.db-kpi-value{font-size:24px;font-weight:800;letter-spacing:-.04em;margin-top:4px}.db-kpi-footer{margin-top:6px;font-size:12px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.db-trend{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.db-trend.up{background:rgba(73,208,166,.15);color:#a8f0d7}.db-trend.down{background:rgba(255,107,122,.15);color:#ffd4da}.db-trend.neutral{background:rgba(158,176,207,.12);color:var(--muted)}.db-card-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.db-card-hdr h3{margin:0;font-size:16px;letter-spacing:-.02em}.db-charts-row{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:16px;gap:16px}.db-bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:180px;gap:6px;padding-bottom:24px}.db-bar-col{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.db-bar{width:100%;max-width:40px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--primary-2),var(--primary));transition:height .5s ease;min-height:2px}.db-bar-val{font-size:10px;color:var(--muted);margin-bottom:4px;font-weight:700;min-height:14px}.db-bar-lbl{font-size:9px;color:var(--muted);margin-top:6px;white-space:nowrap}.db-rev-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.db-rev-item{padding:12px 14px;border-radius:14px;border:1px solid rgba(132,157,217,.12);background:rgba(255,255,255,.025)}.db-rev-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.db-rev-value{font-size:20px;font-weight:800;margin-top:4px;letter-spacing:-.03em}.db-storage-track{height:8px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.db-storage-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--primary-2),var(--cyan));transition:width .6s ease;min-width:2px}.db-storage-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:6px}.db-insights-row{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:16px;gap:16px}.db-cat-bars{display:grid;grid-gap:10px;gap:10px}.db-cat-row{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;grid-gap:10px;gap:10px}.db-cat-label{font-size:13px;font-weight:600;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-cat-track{height:8px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.db-cat-fill{height:100%;border-radius:99px;transition:width .5s ease}.db-cat-count{font-size:13px;font-weight:700;text-align:right;color:var(--muted)}.db-donut-wrap{display:flex;align-items:center;gap:20px}.db-donut-ring{width:100px;height:100px;flex-shrink:0}.db-donut-hole,.db-donut-ring{border-radius:50%;display:flex;align-items:center;justify-content:center}.db-donut-hole{width:60px;height:60px;background:linear-gradient(180deg,rgba(10,20,37,.98),rgba(10,18,34,.92));flex-direction:column}.db-donut-total{font-size:16px;font-weight:800}.db-donut-sub{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.db-donut-legend{display:grid;grid-gap:8px;gap:8px}.db-donut-item{display:flex;align-items:center;gap:8px;font-size:13px}.db-donut-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.db-donut-name{font-weight:600;text-transform:capitalize}.db-support-pills{display:flex;gap:8px;flex-wrap:wrap}.db-pill-closed,.db-pill-open,.db-pill-pending{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700}.db-pill-open{background:rgba(255,107,122,.12);color:#ffd4da}.db-pill-pending{background:rgba(255,196,90,.12);color:#ffe4a8}.db-pill-closed{background:rgba(73,208,166,.12);color:#a8f0d7}.db-funnel{display:grid;grid-gap:8px;gap:8px}.db-funnel-bar{position:relative;height:32px;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.04)}.db-funnel-bar span{position:absolute;inset:0;display:flex;align-items:center;padding:0 12px;font-size:12px;font-weight:700;z-index:1}.db-funnel-fill{position:absolute;top:0;left:0;height:100%;transition:width .5s ease}.db-funnel-fill.free{background:rgba(158,176,207,.18)}.db-funnel-fill.pro{background:rgba(63,106,255,.35)}.db-tables-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.db-audit-list{display:grid;grid-gap:8px;gap:8px}.db-audit-item{padding:12px 14px;border-radius:12px;border:1px solid rgba(132,157,217,.1);background:rgba(255,255,255,.02)}.db-audit-action{font-size:13px;font-weight:600}.db-audit-meta{display:flex;gap:6px;font-size:11px;color:var(--muted);margin-top:4px;flex-wrap:wrap}.db-spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(63,106,255,.15);border-top:3px solid var(--primary-2);animation:db-spin .8s linear infinite;margin:0 auto}@keyframes db-spin{to{transform:rotate(1turn)}}@media (max-width:1100px){.admin-shell,.form-grid,.grid.metrics,.login-card,.section-grid,.split{grid-template-columns:1fr}.admin-shell{width:min(calc(100vw - 24px),var(--content-max))}.notification-template-header{flex-direction:column}.notification-template-guide{justify-content:flex-start}.deep-link-grid{grid-template-columns:1fr}.db-kpis{grid-template-columns:repeat(2,1fr)}.db-charts-row,.db-insights-row,.db-tables-row{grid-template-columns:1fr}.db-hero{flex-direction:column}.db-export-group{width:100%}}