:root,[data-theme=light]{color-scheme:light;--font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--color-page: #f6f7fa;--color-surface: #ffffff;--color-surface-soft: #f0f3f8;--color-surface-contrast: #e7ecf4;--color-border: #e2e7ef;--color-text: #182337;--color-text-muted: #68758a;--color-primary: #31496e;--color-primary-hover: #233957;--color-primary-soft: #eaf0f9;--color-accent: #be866b;--color-accent-soft: #f5e9e2;--color-positive: #17654e;--color-positive-soft: #e6f5ee;--color-negative: #a53232;--color-negative-soft: #fff0ee;--color-sidebar: #ffffff;--color-hero: #253954;--color-hero-text: #ffffff;--shadow-card: 0 7px 28px rgb(24 35 55 / 4%);--shadow-overlay: 0 18px 46px rgb(17 28 47 / 12%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--sidebar-width: 262px;--content-max: 1260px}[data-theme=dark]{color-scheme:dark;--color-page: #111824;--color-surface: #1b2635;--color-surface-soft: #202e40;--color-surface-contrast: #2a3b50;--color-border: #34455a;--color-text: #ecf1fa;--color-text-muted: #afbdd0;--color-primary: #8daedc;--color-primary-hover: #aec6e7;--color-primary-soft: #293d57;--color-accent: #dba789;--color-accent-soft: #44372f;--color-positive: #87d9b4;--color-positive-soft: #1b3c34;--color-negative: #ffaaa7;--color-negative-soft: #492b31;--color-sidebar: #192332;--color-hero: #293e5e;--color-hero-text: #ffffff;--shadow-card: 0 8px 24px rgb(0 0 0 / 14%);--shadow-overlay: 0 18px 46px rgb(0 0 0 / 36%)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;background:var(--color-page);color:var(--color-text);font:400 15px/1.55 var(--font-body);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;font-family:var(--font-display);line-height:1.22}h1{font-size:clamp(27px,3vw,36px);font-weight:680;margin-bottom:10px}h2{font-size:19px;font-weight:660;margin-bottom:12px}h3{font-size:16px;font-weight:640;margin-bottom:8px}p{margin-bottom:16px}:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}::selection{background:var(--color-primary-soft)}.muted{color:var(--color-text-muted)}.eyebrow{display:inline-block;font-size:11px;font-weight:760;letter-spacing:.15em;color:var(--color-accent);margin-bottom:12px}.splash{display:grid;min-height:100vh;place-content:center;color:var(--color-text-muted)}.app-layout{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--color-sidebar);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-6) var(--space-3);z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:0 var(--space-3);margin-bottom:48px;min-height:45px}.brand__symbol{display:grid;place-content:center;width:42px;height:42px;border-radius:var(--radius-md);background:var(--color-hero);color:#fff;font-weight:780;font-size:16px;line-height:1;letter-spacing:-.06em}.brand__symbol span{color:var(--color-accent)}.brand strong,.brand small{display:block;line-height:1.3}.brand strong{font-size:15px;letter-spacing:-.015em}.brand small{font-size:12px;color:var(--color-text-muted);margin-top:2px}.sidebar__section-label{color:var(--color-text-muted);font-size:10px;letter-spacing:.12em;font-weight:780;padding:0 var(--space-3);margin-bottom:12px}.nav{display:grid;gap:5px}.nav__link{display:flex;align-items:center;min-height:45px;gap:12px;padding:10px 13px;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:13px;font-weight:560;transition:color .16s,background .16s}.nav__link:hover{background:var(--color-surface-soft);color:var(--color-text)}.nav__link--active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:700}.sidebar__footer{display:flex;align-items:center;gap:9px;margin-top:auto;border-top:1px solid var(--color-border);padding:var(--space-6) var(--space-3) 0;font-size:11px;color:var(--color-text-muted)}.status-dot{height:8px;width:8px;flex:0 0 auto;background:var(--color-positive);border-radius:50%}.app-main{min-width:0}.topbar{height:75px;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3.5vw,48px)}.topbar__left,.topbar__actions{display:flex;align-items:center;gap:17px}.topbar__actions{gap:12px}.breadcrumbs{font-size:11px;letter-spacing:.085em;color:var(--color-text-muted);font-weight:700}.breadcrumbs span{padding:0 11px;color:var(--color-border)}.breadcrumbs strong{color:var(--color-text);font-weight:690}.avatar{width:33px;height:33px;display:grid;place-content:center;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);font-weight:700}.content{max-width:var(--content-max);margin:0 auto;padding:var(--space-10) clamp(18px,3.5vw,48px) var(--space-12)}.page-stack{display:grid;gap:var(--space-8)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6)}.page-header p{color:var(--color-text-muted);max-width:670px;margin:0}.grid-two{display:grid;grid-template-columns:1.12fr 1fr;gap:var(--space-5)}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.sidebar__dismiss,.mobile-menu,.sidebar-backdrop{display:none!important}@media(max-width:1120px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two{grid-template-columns:1fr}}@media(max-width:850px){.app-layout{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);transform:translate(-105%);transition:transform .2s ease;box-shadow:var(--shadow-overlay)}.sidebar--open{transform:translate(0)}.sidebar__dismiss,.mobile-menu{display:grid!important}.sidebar__dismiss{margin-left:auto}.sidebar-backdrop{display:block!important;position:fixed;inset:0;z-index:20;border:0;background:#0a142266;width:100%}.breadcrumbs{letter-spacing:0}.breadcrumbs strong{font-size:12px}.topbar{height:65px}.content{padding-top:var(--space-8)}}@media(max-width:560px){.module-grid{grid-template-columns:1fr}.topbar__actions{gap:5px}.topbar__actions .avatar{display:none}.page-header{flex-direction:column;align-items:start}.breadcrumbs{font-size:10px}}.icon-button{background:transparent;border:0;width:37px;height:37px;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--color-text-muted)}.icon-button:hover{background:var(--color-surface-soft);color:var(--color-text)}.tag{display:inline-flex;align-items:center;width:fit-content;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:690;white-space:nowrap;background:var(--color-surface-soft);color:var(--color-text-muted);border:1px solid var(--color-border)}.tag--neutral{background:var(--color-primary-soft);color:var(--color-primary);border-color:transparent}.tag--ready{background:var(--color-positive-soft);color:var(--color-positive);border-color:transparent}.panel{padding:clamp(22px,2.7vw,32px);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:var(--radius-lg)}.panel--accent{border-top:3px solid var(--color-accent)}.panel__heading{display:flex;align-items:center;gap:14px;margin-bottom:var(--space-4)}.panel__heading h2{margin:0}.panel>.muted{font-size:13px}.feature-icon{width:45px;height:45px;display:inline-grid;place-content:center;background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-md);flex:0 0 auto}.feature-icon--large{width:58px;height:58px}.button{min-height:43px;padding:10px 15px;border-radius:var(--radius-sm);font-size:13px;font-weight:720;display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid transparent;transition:opacity .16s,background .16s}.button--primary{background:var(--color-hero);color:#fff}.button--primary:hover{background:#3b5174}.button--light{background:#fff;color:#253954}.button--light:hover{background:#e8eef6}.button--subtle{background:var(--color-surface-soft);border-color:var(--color-border);color:var(--color-text)}.button--subtle:hover{background:var(--color-surface-contrast)}.form-stack{display:grid;gap:var(--space-4);margin-top:var(--space-5)}.field{display:grid;gap:7px;color:var(--color-text);font-size:12px;font-weight:680}.field input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);height:46px;padding:0 14px;color:var(--color-text);background:var(--color-surface);font-weight:460}.field input::placeholder{color:var(--color-text-muted);opacity:.75}.field input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.error,.success{padding:10px 13px;border-radius:var(--radius-sm);font-size:13px;margin:12px 0 0}.error{color:var(--color-negative);background:var(--color-negative-soft)}.success{color:var(--color-positive);background:var(--color-positive-soft)}.section-heading{display:flex;gap:var(--space-4);justify-content:space-between;align-items:center}.section-heading h2,.section-heading p{margin:0}.section-heading p{color:var(--color-text-muted);font-size:13px;margin-top:4px}.module-card{display:flex;min-height:213px;flex-direction:column;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color .16s,transform .16s}.module-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.module-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.module-card h3{margin-bottom:6px}.module-card p{color:var(--color-text-muted);font-size:13px;margin-bottom:var(--space-5)}.module-card__link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;font-size:12px;color:var(--color-primary);font-weight:740}.hero{min-height:300px;position:relative;overflow:hidden;padding:clamp(28px,3.6vw,48px);border-radius:var(--radius-xl);background:var(--color-hero);color:var(--color-hero-text);display:flex;align-items:center}.hero>div:first-child{position:relative;z-index:2;max-width:560px}.hero__eyebrow{display:inline-flex;align-items:center;gap:7px;color:#d6c0b2;font-size:10px;letter-spacing:.16em;font-weight:750;margin-bottom:17px}.hero h2{font-size:clamp(29px,3.2vw,43px);font-weight:680;margin-bottom:14px;line-height:1.12}.hero h2 em{font-style:normal;color:#e7b99e}.hero p{color:#e0e8f4;font-size:13px;line-height:1.75;max-width:480px;margin-bottom:24px}.hero__decoration{position:absolute;inset:0 0 0 auto;display:grid;place-items:center;width:40%;opacity:.7}.hero__ring{position:absolute;width:170px;height:170px;border-radius:50%;border:1px solid rgb(255 255 255 / 24%)}.hero__ring--two{width:305px;height:305px;border-color:#ffffff1a}.placeholder{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:345px}.placeholder h2{margin-top:18px}.placeholder p{color:var(--color-text-muted);max-width:520px;font-size:14px}.placeholder__note{display:inline-flex;align-items:center;gap:8px;font-size:12px!important;margin:0}.steps{display:grid;gap:18px;padding-top:14px}.steps>div{display:flex;align-items:center;gap:12px}.steps p{display:grid;gap:1px;margin:0;flex:1}.steps p strong{font-size:13px}.steps p small{font-size:12px;color:var(--color-text-muted)}.step-number{display:grid;place-content:center;width:30px;height:30px;border-radius:50%;background:var(--color-surface-soft);color:var(--color-text-muted);font-size:11px;font-weight:740}.site-list{margin-top:var(--space-5);border-top:1px solid var(--color-border)}.site-item{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--color-border)}.site-item__symbol{background:var(--color-surface-soft);color:var(--color-primary);display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-sm)}.site-item__main{display:grid;gap:2px;flex:1;min-width:0}.site-item__main strong{font-size:13px;overflow:hidden;text-overflow:ellipsis}.site-item__main span{color:var(--color-text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis}.empty-state{padding:48px 16px;text-align:center;display:grid;justify-items:center;color:var(--color-text-muted)}.empty-state h3{color:var(--color-text);margin-top:12px}.empty-state p{font-size:13px;margin:0}.key-value{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-top:1px solid var(--color-border);gap:20px}.key-value span:first-child{color:var(--color-text-muted);font-size:13px}.key-value strong{font-size:13px}.settings-panel{max-width:690px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-panel{position:relative;display:flex;flex-direction:column;justify-content:center;background:var(--color-hero);color:#fff;padding:clamp(36px,7vw,110px)}.auth-panel .eyebrow{color:#e7b99e}.auth-panel h1{font-size:clamp(32px,4vw,56px);max-width:590px}.auth-panel p{color:#e0e8f4;max-width:440px}.auth-panel__footer{margin-top:80px;font-size:12px;color:#d3dfed}.auth-form-panel{display:grid;place-items:center;padding:35px;background:var(--color-surface)}.auth-form{max-width:370px;width:100%}.auth-form h2{margin:22px 0 8px;font-size:28px}.auth-form .form-stack{margin-top:28px}.auth-form code{font-size:12px;overflow-wrap:anywhere}@media(max-width:900px){.hero__decoration{opacity:.16}.auth-layout{grid-template-columns:1fr}.auth-panel{padding:45px 30px}.auth-panel__footer{margin-top:20px}.auth-form-panel{padding:65px 30px}}@media(max-width:560px){.hero__decoration{display:none}.module-card{min-height:180px}.section-heading{align-items:start}.section-heading .button{font-size:0;gap:0}.section-heading .button svg{width:18px}.site-item{flex-wrap:wrap}.site-item .tag{margin-left:54px}}.auth-link{border:none;background:transparent;color:var(--color-primary);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:6px;justify-self:center}.auth-link:hover{color:var(--color-text)}