:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light;--bg:#f7f7f8;--panel:#fff;--panel2:#fafafa;--text:#18181b;--muted:#71717a;--line:#e4e4e7;--soft:#f4f4f5;--accent:#18181b}html.dark{color-scheme:dark;--bg:#09090b;--panel:#111113;--panel2:#18181b;--text:#fafafa;--muted:#a1a1aa;--line:#27272a;--soft:#202024;--accent:#fafafa}*{box-sizing:border-box}body{min-height:100vh;background:var(--bg)!important;color:var(--text)!important}.saas-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--line);border-radius:11px;padding:.72rem 1rem;font-weight:650;background:var(--panel);transition:.18s}.btn:hover{background:var(--soft)}.btn-dark{background:var(--accent);color:var(--bg);border-color:var(--accent)}.field{width:100%;border:1px solid var(--line);border-radius:11px;padding:.78rem .9rem;background:var(--panel);color:var(--text);outline:none}.field:focus{border-color:#a1a1aa;box-shadow:0 0 0 3px rgba(113,113,122,.12)}.app-shell{min-height:100vh}.app-sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--panel);border-right:1px solid var(--line);z-index:50}.app-main{margin-left:260px;min-width:0}.app-topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}.app-content{padding:28px;max-width:1440px;margin:auto}.nav-link{display:flex;align-items:center;gap:.7rem;padding:.68rem .8rem;border-radius:10px;color:var(--muted);font-size:.9rem;font-weight:550}.nav-link:hover,.nav-link.active{background:var(--soft);color:var(--text)}.nav-link svg{width:17px;height:17px}.metric{padding:20px}.metric-label{font-size:.82rem;color:var(--muted)}.metric-value{font-size:1.65rem;font-weight:720;letter-spacing:-.035em;margin-top:.25rem}.mobile-nav{display:none}.mobile-menu{display:none}.badge{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:999px;background:var(--soft);font-size:.72rem;font-weight:650;color:var(--muted)}table{border-collapse:collapse}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:650;text-align:left}td,th{padding:.85rem}.page-title{font-size:1.5rem;font-weight:720;letter-spacing:-.025em}.page-sub{font-size:.9rem;color:var(--muted);margin-top:.25rem}@media(max-width:767px){.app-sidebar{transform:translateX(-105%);transition:.2s}.app-sidebar.open{transform:translateX(0);box-shadow:20px 0 50px rgba(0,0,0,.12)}.app-main{margin-left:0;padding-bottom:78px}.app-topbar{height:60px;padding:0 16px}.app-content{padding:18px 16px}.mobile-menu{display:inline-flex}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:45;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:7px 4px max(7px,env(safe-area-inset-bottom))}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.62rem;color:var(--muted);padding:4px}.mobile-nav svg{width:19px;height:19px}.mobile-nav a.active{color:var(--text)}.metric{padding:16px}.metric-value{font-size:1.4rem}.page-title{font-size:1.3rem}}.nav-section{font-size:.62rem;font-weight:700;letter-spacing:.09em;color:var(--muted);padding:.9rem .8rem .35rem}.settings-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px}.settings-info p{font-size:.8rem;color:var(--muted);margin-top:.3rem;line-height:1.5}.toggle-row{display:flex;align-items:center;gap:.65rem;border:1px solid var(--line);border-radius:11px;padding:.75rem .85rem;font-size:.82rem;font-weight:600}.toggle-row input{width:18px;height:18px}.product-modal{border:0;padding:0;background:transparent;margin:auto}.product-modal::backdrop{background:rgba(0,0,0,.42);backdrop-filter:blur(3px)}@media(max-width:767px){.settings-grid{grid-template-columns:1fr;gap:10px}.nav-section{padding-top:.65rem}}