:root {
  --bg: #090b12;
  --bg-elevated: #10131d;
  --surface: #151925;
  --surface-elevated: #1b2030;
  --card: #151925;
  --card-hover: #1b2030;
  --text: #f3f2fa;
  --text-muted: #a3a8bb;
  --text-faint: #9299ae;
  --border: #292e3d;
  --violet: #a477ff;
  --blue: #748bff;
  --cyan: #39d6e8;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 14px;
  --r-xl: 18px;
}
.app-main {
  background: var(--bg);
}
.app-sidebar {
  background: var(--bg-elevated);
  border-right: 1px solid var(--border);
}
.app-header h1 {
  font-weight: 500;
  letter-spacing: -1px;
}
.module-row,
.cm-panel {
  box-shadow: none !important;
  border-color: var(--border) !important;
}
.btn--primary {
  background: var(--violet);
  color: #100b20;
  border-color: transparent;
}
.module-row__info h3 {
  font-weight: 500;
}
.field input:focus,
.field textarea:focus {
  outline: 2px solid #a477ff66;
  outline-offset: 2px;
}
button,
a,
input,
textarea,
select {
  outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
.premium-card{padding:24px;margin:18px 0;border:1px solid var(--border);border-radius:14px;background:linear-gradient(120deg,#a477ff0f,#10131d 65%);box-shadow:0 5px 20px #0002}.premium-card small{color:var(--violet);letter-spacing:.14em}.premium-card h2{letter-spacing:-.04em}.premium-benefits,.premium-form fieldset{display:flex;flex-wrap:wrap;gap:8px}.premium-benefits span{font-size:.8rem;border:1px solid var(--border);border-radius:6px;padding:4px 8px;color:var(--text-muted)}.premium-benefits .on{color:var(--violet)}.premium-form{display:grid;gap:14px;max-width:720px;margin:20px 0}.premium-form label{display:grid;gap:5px}.premium-form fieldset{padding:12px;border:1px solid var(--border)}.premium-form fieldset label{display:flex}.premium-form input:not([type=checkbox]),.premium-form textarea{background:var(--bg-elevated);color:var(--text);padding:10px;border:1px solid var(--border);border-radius:8px}
.app-shell{background:linear-gradient(115deg,#10131d,#090b12 60%)}.app-sidebar{background:linear-gradient(165deg,#171a29,#10131d 48%)}.app-nav-link.is-active{background:#a477ff15;color:#d2bbff;box-shadow:inset 2px 0 #a477ff}.app-header{padding-block:12px 24px;border-bottom:1px solid var(--border)}.app-header h1{font-size:clamp(28px,4vw,44px);letter-spacing:-.05em}.module-list{gap:8px}.module-row{background:var(--bg-elevated);border-radius:10px}.module-row.is-enabled{border-left:3px solid var(--violet)!important}.login-card{background:linear-gradient(140deg,#1b2030,#10131d);text-align:left}.login-card img{margin-left:0}.login-card h1{font-size:32px;letter-spacing:-.045em}.premium-card{background:radial-gradient(ellipse at right top,#748bff20,transparent 65%),#10131d}
