:root{color-scheme:dark;--bg: #071733;--bg-accent: #041127;--surface: rgba(10, 30, 67, .82);--surface-soft: rgba(255, 255, 255, .04);--surface-border: rgba(160, 194, 255, .12);--text: #eef4ff;--muted: #aabddd;--primary: #22d3b6;--secondary: #7a4dff;--accent: #ff6b7a;--shadow: 0 24px 80px rgba(0, 0, 0, .24);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 16px}:root[data-theme=light]{color-scheme:light;--bg: #eef4fb;--bg-accent: #dce8f8;--surface: rgba(255, 255, 255, .88);--surface-soft: rgba(16, 35, 63, .04);--surface-border: rgba(16, 35, 63, .08);--text: #10233f;--muted: #5f7395;--primary: #0fa38a;--secondary: #5f46e8;--accent: #df5970;--shadow: 0 24px 64px rgba(18, 41, 81, .12)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(34,211,182,.18),transparent 25%),radial-gradient(circle at top right,rgba(122,77,255,.22),transparent 30%),linear-gradient(180deg,var(--bg-accent),var(--bg))}body::selection{background:#22d3b63d}button,input,select{font:inherit}.app-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:20px 0 40px}.app-shell--workspace{width:min(1320px,calc(100% - 24px));padding-bottom:110px}.global-loading-bar{position:fixed;inset:0 0 auto;z-index:50;height:3px;background:linear-gradient(90deg,var(--secondary),var(--primary),var(--accent));box-shadow:0 0 24px #22d3b659}.global-notice{position:fixed;top:16px;left:50%;z-index:60;width:min(560px,calc(100% - 32px));padding:14px 18px;border-radius:18px;border:1px solid var(--surface-border);color:var(--text);background:#081328eb;box-shadow:var(--shadow);transform:translate(-50%)}.global-notice--warning{border-color:#ffc8576b}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.top-bar--workspace{margin-bottom:18px}.top-bar__brand{display:grid;gap:4px}.top-bar__support{margin:0;max-width:48ch;color:var(--muted)}.eyebrow{margin:0 0 6px;color:var(--primary);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.theme-button,.primary-button,.secondary-button,.text-button{min-height:48px;padding:0 18px;cursor:pointer}.theme-button{color:var(--text);background:var(--surface-soft);border:1px solid var(--surface-border)}.primary-button{border:0;border-radius:999px;color:#06101b;font-weight:700;background:linear-gradient(135deg,var(--primary),#b2ffee)}.secondary-button{border:1px solid var(--surface-border);border-radius:999px;color:var(--text);background:#ffffff0f}.text-button{min-height:auto;border:0;padding:0;color:var(--primary);text-align:left;background:transparent}.top-bar__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.top-bar__actions--workspace{align-items:flex-start}.user-badge{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--surface-border)}.shell-body,.auth-page,.dashboard-page{display:grid;gap:20px}.workspace-shell{display:grid;grid-template-columns:164px minmax(0,1fr);gap:14px;align-items:start}.shell-body--workspace{min-width:0}.nav-rail{position:sticky;top:20px;padding:8px;border-radius:24px;background:color-mix(in srgb,var(--surface) 82%,transparent);border:1px solid var(--surface-border);box-shadow:0 18px 38px #0a183024;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-rail__menu{display:grid;gap:4px}.nav-rail__item{display:flex;align-items:center;width:100%;min-height:46px;padding:0 14px;border:1px solid transparent;border-radius:16px;color:var(--muted);text-align:left;background:transparent;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.nav-rail__item--active{color:var(--text);background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:color-mix(in srgb,var(--primary) 22%,transparent)}.nav-rail__item:hover{color:var(--text);background:color-mix(in srgb,var(--surface-soft) 84%,transparent)}.nav-rail__label{font-weight:700;font-size:.96rem;letter-spacing:-.01em}.bottom-nav{position:fixed;right:12px;bottom:12px;left:12px;z-index:45;display:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px;border:1px solid var(--surface-border);border-radius:22px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bottom-nav__item{display:grid;place-items:center;min-height:52px;padding:8px 6px;border:1px solid transparent;border-radius:18px;color:var(--muted);text-align:center;background:transparent}.bottom-nav__item--active{color:var(--text);background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:color-mix(in srgb,var(--primary) 28%,transparent)}.bottom-nav__label{font-size:.78rem;line-height:1.1}.auth-page{grid-template-columns:1.1fr .9fr}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-card,.auth-card,.metric-card,.info-card,.support-card{background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow)}.hero-card,.auth-card{padding:24px;border-radius:var(--radius-xl)}.section-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;color:var(--secondary);background:#7a4dff1f}h1,h2,p{margin-top:0}h1{margin:18px 0 14px;font-size:clamp(2.4rem,9vw,4.5rem);line-height:.98;letter-spacing:-.04em}.hero-copy,.card-heading p,.support-card span,.metric-card span{color:var(--muted)}.feature-list,.metrics-grid,.modules-list{display:grid;gap:12px}.feature-list,.modules-list{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:8px}.auth-form input,.auth-form select{min-height:52px;border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:0 16px;color:var(--text);background:var(--surface-soft)}.support-card,.info-card,.metric-card{padding:18px;border-radius:var(--radius-lg)}.support-card--stack{display:grid;gap:12px;align-content:start}.support-card--stack label{display:grid;gap:8px}.support-card--stack input{min-height:50px;border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:0 16px;color:var(--text);background:var(--surface-soft)}.status-copy{color:var(--muted);line-height:1.5}.status-copy--success{color:var(--primary)}.status-chip{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--surface-border);color:var(--text);background:var(--surface-soft)}.status-chip--success{border-color:#1f8f6352;background:#1f8f6324}.status-chip--warning{border-color:#ffc85752;background:#ffc85729}.status-chip--muted{color:var(--muted)}.dashboard-action{margin-top:8px;margin-right:10px}.dashboard-hero{display:grid;gap:18px}.dashboard-hero__actions{display:flex;flex-wrap:wrap;gap:12px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-spotlight{gap:10px}.dashboard-spotlight__value{font-size:clamp(2rem,4vw,3rem);line-height:.95}.dashboard-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-health-grid div{display:grid;gap:6px;padding:14px;border-radius:18px;background:var(--surface-soft)}.dashboard-health-grid span{color:var(--muted)}.dashboard-health-grid strong{font-size:1.35rem}.info-card--stack{display:grid;gap:8px}.helper-text{margin:0;color:var(--muted);line-height:1.6}.card-list{display:grid;gap:12px}.card-preview{display:grid;gap:12px;padding:18px;border-radius:var(--radius-lg);background:radial-gradient(circle at top right,rgba(122,77,255,.22),transparent 28%),linear-gradient(135deg,#22d3b629,#ffffff05);border:1px solid var(--surface-border)}.card-preview--category{background:linear-gradient(135deg,color-mix(in srgb,var(--category-color, var(--primary)) 16%,transparent),#ffffff05),radial-gradient(circle at top right,rgba(122,77,255,.16),transparent 28%)}.card-preview__header{display:flex;align-items:center;gap:14px}.category-swatch{width:18px;height:18px;flex:0 0 18px;border-radius:999px;background:var(--category-color, var(--primary));box-shadow:0 0 0 4px color-mix(in srgb,var(--category-color, var(--primary)) 18%,transparent)}.card-preview strong,.card-preview__meta{display:grid;gap:4px}.card-preview__meta span{color:var(--muted)}.category-badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;min-height:34px;padding:0 12px;border-radius:999px;color:var(--text);background:color-mix(in srgb,var(--category-color, var(--primary)) 16%,transparent);border:1px solid color-mix(in srgb,var(--category-color, var(--primary)) 42%,transparent)}.category-badge__dot{width:10px;height:10px;border-radius:999px;background:var(--category-color, var(--primary))}.category-summary-list,.activity-list{display:grid;gap:12px}.category-summary-item{display:grid;gap:10px}.category-summary-item__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-bar{width:100%;height:10px;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.progress-bar__fill{display:block;height:100%;border-radius:inherit;background:var(--progress-color, var(--primary))}.color-input-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px}.color-input-row input[type=color]{width:64px;min-height:52px;padding:6px;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-soft)}.activity-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--surface-border)}.activity-item:first-child{padding-top:0;border-top:0}.activity-item__main,.activity-item__meta{display:grid;gap:6px}.activity-item__main span,.activity-item__meta span{color:var(--muted)}.activity-item__meta{justify-items:end}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card strong{display:block;margin-top:10px;font-size:1.8rem}@media(max-width:1180px){.auth-page,.feature-list,.modules-list,.dashboard-grid,.metrics-grid,.form-grid{grid-template-columns:1fr}.app-shell--workspace{width:min(100%,calc(100% - 24px));padding-bottom:108px}.workspace-shell{grid-template-columns:1fr}.nav-rail{display:none}.bottom-nav{display:grid}.dashboard-health-grid{grid-template-columns:1fr}.dashboard-section-header,.activity-item,.category-summary-item__head{align-items:flex-start;justify-content:flex-start;flex-direction:column}.activity-item__meta{justify-items:start}.top-bar{align-items:flex-start}.top-bar__actions{width:100%;justify-content:flex-start}}