:root{--color-brand-deep:#0c0017;--color-background:#170017;--color-sidebar:#1f1325;--color-surface:#28142f;--color-surface-elevated:#34203b;--color-surface-hover:#3d2844;--color-primary:#b84873;--color-primary-hover:#d05a86;--color-primary-active:#96375d;--color-text-primary:#f8f2fa;--color-text-secondary:#c3b5c8;--color-text-disabled:#817486;--color-border:#4a3650;--color-disabled:#392c3d;--color-success:#55b987;--color-warning:#e2a84f;--color-error:#ef6472;--color-info:#7298e8;--font-family:"Inter", Arial, sans-serif;--font-size-small:12px;--font-size-card:14px;--font-size-body:16px;--font-size-section-title:20px;--font-size-page-title:24px;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--line-height-small:16px;--line-height-body:24px;--line-height-title:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--border-width:1px;--radius-small:4px;--radius-medium:8px;--radius-large:12px;--radius-rounded:999px;--header-height:64px;--sidebar-width:224px;--button-height:44px;--input-height:44px;--icon-size:20px;--navigation-icon-size:22px;--clickable-area:40px;--form-max-width:420px;--card-min-width:150px;--transition-fast:.15s ease;--transition-normal:.25s ease;--shadow-small:0 2px 8px #0c00174d;--shadow-medium:0 8px 24px #0c001766}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body)}h1{color:var(--color-text-primary);font-size:var(--font-size-page-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-title)}h2{color:var(--color-text-primary);font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-title)}p{color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body)}small{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--color-sidebar);padding:var(--space-6)}.content{background-color:var(--color-background);padding:var(--space-8);flex:1}