.sp-shell{--sp-bg:var(--bg,#f4f7f8);--sp-panel:var(--surface,#fff);--sp-panel-2:var(--bg-secondary,#eef3f5);--sp-border:var(--border,#0a7d9224);--sp-text:var(--text,#0c2a32);--sp-muted:var(--text-muted,#5a757c);--sp-accent:var(--primary,#0a7d92);--sp-accent-2:var(--bk-blue-600,#0b7e98);--sp-accent-rgb:var(--bk-blue-rgb,10, 125, 146);--sp-danger:var(--danger,#dc2626);--sp-warn:var(--warning,#d97706);--sp-success:var(--success,#059669);--sp-shadow:var(--shadow-sm,0 1px 2px #0c2a320f);--sp-radius:12px;--sp-radius-lg:16px;--sp-nav-w:248px;background:radial-gradient(1100px 520px at 8% -8%, rgba(var(--sp-accent-rgb), .08), transparent 58%), radial-gradient(900px 480px at 100% 0%, rgba(var(--sp-accent-rgb), .05), transparent 52%), var(--sp-bg);min-height:100dvh;color:var(--sp-text);font-family:var(--font,"IBM Plex Sans", system-ui, sans-serif)}[data-theme=dark] .sp-shell{--sp-bg:var(--bg,#0a1b21);--sp-panel:var(--surface,#0f252a);--sp-panel-2:var(--surface-hover,#10282f);--sp-border:var(--border,#1a343c);--sp-text:var(--text,#e8f1f3);--sp-muted:var(--text-muted,#84989e);--sp-accent:var(--primary,#38b6cd);--sp-accent-2:var(--bk-blue-500,#38b6cd);--sp-accent-rgb:var(--bk-blue-rgb,56, 182, 205);--sp-danger:var(--danger,#f87171);--sp-warn:var(--warning,#fbbf24);--sp-success:var(--success,#34d399);--sp-shadow:none;background:radial-gradient(1200px 600px at 10% -10%, rgba(var(--sp-accent-rgb), .12), transparent 60%), radial-gradient(900px 500px at 100% 0%, rgba(var(--sp-accent-rgb), .08), transparent 55%), var(--sp-bg)}.sp-shell.sp-marketing{background:radial-gradient(1100px 520px at 8% -8%, rgba(var(--sp-accent-rgb), .1), transparent 58%), radial-gradient(900px 480px at 100% 0%, #d977060f, transparent 52%), var(--sp-bg)}[data-theme=dark] .sp-shell.sp-marketing{background:radial-gradient(1200px 600px at 10% -10%, rgba(var(--sp-accent-rgb), .14), transparent 60%), radial-gradient(900px 500px at 100% 0%, #fbbf2414, transparent 55%), var(--sp-bg)}.sp-layout{grid-template-columns:var(--sp-nav-w) minmax(0, 1fr);min-height:100dvh;display:grid}.sp-topbar{border-bottom:1px solid var(--sp-border);background:color-mix(in srgb, var(--sp-panel) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:none;position:sticky;top:0}.sp-topbar-brand{letter-spacing:-.02em;color:var(--sp-text);font-size:15px;font-weight:650}.sp-topbar-brand span{color:var(--sp-muted);margin-left:8px;font-size:12px;font-weight:500}.sp-topbar-actions{align-items:center;gap:8px;display:flex}.sp-nav-burger{-webkit-appearance:none;appearance:none;border:1px solid var(--sp-border);background:var(--sp-panel);color:var(--sp-text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.sp-nav-burger:hover{background:var(--sp-panel-2)}.sp-nav-overlay{z-index:50;cursor:pointer;background:#08181c73;border:none;padding:0;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.sp-nav{border-right:1px solid var(--sp-border);background:color-mix(in srgb, var(--sp-panel) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;gap:4px;height:100dvh;padding:22px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sp-nav-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:14px;padding:0 8px;display:flex}.sp-brand{letter-spacing:.08em;text-transform:uppercase;color:var(--sp-muted);font-size:11px;font-weight:600}.sp-brand strong{color:var(--sp-text);letter-spacing:-.03em;text-transform:none;text-wrap:balance;margin-top:4px;font-size:1.2rem;font-weight:650;display:block}.sp-nav a{color:var(--sp-muted);border-radius:10px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:block}.sp-nav a:hover{background:rgba(var(--sp-accent-rgb), .08);color:var(--sp-text)}.sp-nav a.active{background:rgba(var(--sp-accent-rgb), .12);color:var(--sp-accent);box-shadow:inset 0 0 0 1px rgba(var(--sp-accent-rgb), .18);font-weight:600}.sp-nav a:focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px}.sp-nav-foot{border-top:1px solid var(--sp-border);flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;display:flex}.sp-nav-user{color:var(--sp-muted);word-break:break-all;padding:0 10px;font-size:12px}.sp-main{min-width:0;padding:28px 32px 56px;overflow:auto}.sp-page-title{letter-spacing:-.03em;color:var(--sp-text);text-wrap:balance;margin:0 0 6px;font-size:clamp(1.4rem,2.2vw,1.75rem);font-weight:650;line-height:1.2}.sp-page-sub{color:var(--sp-muted);max-width:42rem;margin:0 0 24px;font-size:14px;line-height:1.5}.sp-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.sp-page-head .sp-page-sub{margin-bottom:16px}.sp-section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--sp-muted);margin:22px 0 10px;font-size:12px;font-weight:600}.sp-stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.sp-stat{background:var(--sp-panel);border:1px solid var(--sp-border);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);padding:16px;transition:border-color .2s,transform .2s}.sp-stat:hover{border-color:rgba(var(--sp-accent-rgb), .28)}a.sp-stat{color:inherit;text-decoration:none;display:block}a.sp-stat:hover{transform:translateY(-1px)}a.sp-stat:active{transform:translateY(0)scale(.99)}.sp-stat-label{color:var(--sp-muted);letter-spacing:.02em;font-size:12px;font-weight:600}.sp-stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--sp-text);margin-top:6px;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:650;line-height:1.2}.sp-stat-hint{color:var(--sp-muted);margin-top:4px;font-size:12px;line-height:1.4}.sp-card{background:var(--sp-panel);border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);box-shadow:var(--sp-shadow);margin-bottom:16px;overflow:hidden}.sp-card-head{border-bottom:1px solid var(--sp-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.sp-card-head h2{letter-spacing:-.01em;color:var(--sp-text);margin:0;font-size:15px;font-weight:600}.sp-card-body{padding:16px 18px;overflow-x:auto}.sp-table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.sp-table{border-collapse:collapse;width:100%;font-size:13px}.sp-table th,.sp-table td{text-align:left;border-bottom:1px solid var(--sp-border);vertical-align:top;padding:10px 8px}.sp-table th{color:var(--sp-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.sp-table tbody tr:hover td{background:rgba(var(--sp-accent-rgb), .04)}.sp-col-filter{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.sp-col-filter-label{color:var(--sp-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.sp-col-filter-select{-webkit-appearance:none;appearance:none;color:var(--sp-text);cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%235a757c' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") right 2px center no-repeat;border:none;max-width:110px;padding:2px 16px 2px 4px;font-size:11px;font-weight:600}[data-theme=dark] .sp-col-filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2384989e' d='M1 1l4 4 4-4'/%3E%3C/svg%3E")}.sp-col-filter-select:hover,.sp-col-filter-select:focus{color:var(--sp-accent);outline:none}.sp-table th:has(.sp-col-filter){text-transform:none;letter-spacing:0}.sp-row-click{cursor:pointer}.sp-row-click:hover{background:rgba(var(--sp-accent-rgb), .06)}.sp-row-title{color:var(--sp-accent);font-weight:600}.sp-link{color:var(--sp-accent);cursor:pointer;font-weight:600;font:inherit;text-align:left;background:0 0;border:none;padding:0;text-decoration:none}.sp-link:hover{text-decoration:underline}.sp-link:focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px;border-radius:4px}.sp-audit-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.sp-audit-toolbar-filters{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.sp-audit-table td{vertical-align:top;padding-top:12px;padding-bottom:12px}.sp-audit-time{color:var(--sp-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.sp-audit-action{text-transform:capitalize;color:var(--sp-text);margin-bottom:6px;font-size:13px;font-weight:600}.sp-audit-tags{flex-wrap:wrap;gap:4px;display:flex}.sp-tag{letter-spacing:.02em;text-transform:capitalize;border-radius:6px;align-items:center;padding:1px 7px;font-size:10px;font-weight:700;line-height:1.5;display:inline-flex}.sp-tag.ok{background:color-mix(in srgb, var(--sp-success) 16%, transparent);color:var(--sp-success)}.sp-tag.fail{background:color-mix(in srgb, var(--sp-danger) 16%, transparent);color:var(--sp-danger)}.sp-tag.info{background:rgba(var(--sp-accent-rgb), .12);color:var(--sp-muted)}.sp-tag.sev-low{color:var(--sp-muted);background:#94a3b81f}.sp-tag.sev-medium{background:color-mix(in srgb, var(--sp-warn) 14%, transparent);color:var(--sp-warn)}.sp-tag.sev-high{background:color-mix(in srgb, var(--sp-danger) 14%, transparent);color:var(--sp-danger)}.sp-tag.sensitive{color:#ea580c;background:#fb923c29}[data-theme=dark] .sp-tag.sensitive{color:#fb923c}.sp-audit-user{font-size:13px;font-weight:600;display:block}.sp-audit-biz{margin-top:2px;font-size:12px;font-weight:500;display:block}.sp-audit-biz.muted,.sp-audit-biz.sp-muted{color:var(--sp-muted);cursor:default;text-decoration:none}.sp-audit-details{color:var(--sp-muted);max-width:280px;font-size:12px;line-height:1.45}.sp-audit-ip{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.sp-audit-pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;display:flex}.sp-btn{-webkit-appearance:none;appearance:none;background:var(--sp-accent);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,transform .15s,opacity .2s;display:inline-flex}.sp-btn:hover:not(:disabled){background:var(--sp-accent-2)}.sp-btn:active:not(:disabled){transform:scale(.98)}.sp-btn:focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px}.sp-btn:disabled{opacity:.5;cursor:not-allowed}.sp-btn.secondary{border-color:var(--sp-border);color:var(--sp-text);background:0 0}.sp-btn.secondary:hover:not(:disabled){background:var(--sp-panel-2)}.sp-btn.danger{background:color-mix(in srgb, var(--sp-danger) 16%, transparent);color:var(--sp-danger);border-color:color-mix(in srgb, var(--sp-danger) 35%, transparent)}.sp-btn.danger:hover:not(:disabled){background:color-mix(in srgb, var(--sp-danger) 24%, transparent)}.sp-input,.sp-select,.sp-textarea{background:var(--sp-panel);border:1px solid var(--sp-border);width:100%;color:var(--sp-text);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.sp-input:focus,.sp-select:focus,.sp-textarea:focus{border-color:var(--sp-accent);box-shadow:0 0 0 3px rgba(var(--sp-accent-rgb), .2);outline:none}.sp-textarea{resize:vertical;min-height:88px}.sp-form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.sp-field{color:var(--sp-muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.sp-field label{color:var(--sp-muted);margin-bottom:0;font-size:12px;font-weight:600;display:block}.sp-login{place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative}.sp-login-theme{position:absolute;top:16px;right:16px}.sp-login-card{background:var(--sp-panel);border:1px solid var(--sp-border);width:min(420px,100%);box-shadow:var(--sp-shadow), 0 24px 64px #0c2a3214;border-radius:18px;padding:28px}[data-theme=dark] .sp-login-card{box-shadow:none}.sp-login-card h1{letter-spacing:-.03em;color:var(--sp-text);margin:0 0 6px;font-size:1.5rem;font-weight:650}.sp-login-card p{color:var(--sp-muted);margin:0 0 20px;font-size:14px;line-height:1.5}.sp-login-card .sp-field{margin-bottom:12px}.sp-login-card .sp-btn{width:100%;margin-top:8px}.sp-chip{background:rgba(var(--sp-accent-rgb), .12);color:var(--sp-accent);border-radius:6px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.sp-chip.warn{background:color-mix(in srgb, var(--sp-warn) 15%, transparent);color:var(--sp-warn)}.sp-chip.danger{background:color-mix(in srgb, var(--sp-danger) 15%, transparent);color:var(--sp-danger)}.sp-error{color:var(--sp-danger);margin:8px 0;font-size:13px}.sp-muted{color:var(--sp-muted);font-size:13px}.sp-feed{flex-direction:column;gap:8px;max-height:420px;display:flex;overflow:auto}.sp-feed-row{background:var(--sp-panel-2);border:1px solid var(--sp-border);border-radius:10px;padding:10px 12px}.sp-feed-row.sp-feed-sensitive{border-color:color-mix(in srgb, var(--sp-warn) 45%, transparent);background:color-mix(in srgb, var(--sp-warn) 8%, transparent)}.sp-home-links{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.sp-skeleton{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.sp-skeleton-card{border-radius:var(--sp-radius);background:linear-gradient(90deg, var(--sp-panel-2) 0%, var(--sp-panel) 50%, var(--sp-panel-2) 100%);border:1px solid var(--sp-border);background-size:200% 100%;height:96px;animation:1.2s ease-in-out infinite sp-shimmer}@keyframes sp-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:1024px){.sp-main{padding:22px 20px 48px}.sp-stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.sp-nav-theme-desktop{flex-shrink:0}@media (max-width:860px){.sp-nav-theme-desktop{display:none}.sp-topbar{display:flex}.sp-layout{grid-template-columns:1fr}.sp-nav-overlay.is-open{display:block}.sp-nav{z-index:60;border-right:1px solid var(--sp-border);width:min(300px,86vw);height:100dvh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:8px 0 32px #08181c2e}.sp-nav.is-open{transform:translate(0)}.sp-main{padding:16px 14px 88px}.sp-page-title{font-size:1.35rem}.sp-audit-pager{flex-direction:column;align-items:stretch}}@media (max-width:480px){.sp-stat-grid,.sp-home-links{grid-template-columns:1fr}.sp-login-card{padding:22px 18px}}