:root{--color-primary: #64748b;--color-primary-light: #94a3b8;--color-primary-dark: #475569;--color-body-bg: #f3f3f9;--color-surface: #ffffff;--color-surface-elevated: #fbfaff;--color-surface-muted: #f8f8fb;--color-sidebar-bg: #fbfaff;--color-sidebar-text: #545a6d;--color-sidebar-text-active: #334155;--color-sidebar-hover-bg: #f0f0f5;--color-text: #495057;--color-text-heading: #343a40;--color-text-muted: #74788d;--color-text-inverse: #ffffff;--color-border: #e9e9ef;--color-border-light: #f0f0f5;--color-success: #2ab57d;--color-warning: #ffbf53;--color-error: #fd625e;--color-info: #4ba6ef;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Inter", var(--font-sans);--font-logo: "Architects Daughter", cursive;--font-brand: "Lexend", system-ui, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--sidebar-width: 250px;--sidebar-collapsed-width: 70px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}[data-theme=dark]{--color-body-bg: #222736;--color-surface: #2a2f3e;--color-surface-elevated: #2e3344;--color-surface-muted: #262b38;--color-sidebar-bg: #2c302e;--color-sidebar-text: #a6b0cf;--color-sidebar-text-active: #5156be;--color-sidebar-hover-bg: #353a40;--color-text: #a6b0cf;--color-text-heading: #e9ecef;--color-text-muted: #8590a5;--color-border: #3f4341;--color-border-light: #353a40}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);font-size:16px;color:var(--color-text);background-color:var(--color-body-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;line-height:1.6;font-size:1rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;margin:0;color:var(--color-text-heading)}input,textarea,select{font-family:inherit;font-size:1rem;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.625rem .875rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #64748b26}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background-color:var(--color-surface-elevated);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #64748b40}.smrt-input,.smrt-select-input,.smrt-textarea-input{border-color:var(--md-sys-color-outline, var(--color-border));background-color:var(--md-sys-color-surface, var(--color-surface));color:var(--md-sys-color-on-surface, var(--color-text))}.smrt-input:focus,.smrt-select-input:focus,.smrt-textarea-input:focus,.smrt-select:focus-within,.smrt-text-input:focus-within,.smrt-textarea:focus-within{border-color:var(--md-sys-color-primary, var(--color-primary));box-shadow:0 0 0 2px var(--md-sys-color-primary-container, rgba(100, 116, 139, .15))}.smrt-label{font-size:1.16rem;font-weight:500;color:var(--md-sys-color-on-surface, var(--color-text))}.smrt-description{font-size:1rem;color:var(--md-sys-color-on-surface-variant, var(--color-text-muted))}.smrt-input,.smrt-select-input,.smrt-textarea-input{font-size:1.16rem;text-align:left}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.5rem;background:var(--md-sys-color-primary, var(--color-primary));color:var(--md-sys-color-on-primary, var(--color-text-inverse));text-decoration:none;border:none;border-radius:1.25rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:var(--md-sys-color-primary, var(--color-primary-light));box-shadow:var(--md-sys-elevation-1, 0 1px 3px rgba(0,0,0,.12))}.btn-primary:active{transform:scale(.98)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5625rem 1.5rem;background:transparent;color:var(--md-sys-color-primary, var(--color-primary));text-decoration:none;border:1px solid var(--md-sys-color-outline, var(--color-border));border-radius:1.25rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--md-sys-color-primary-container, rgba(100, 116, 139, .08))}.btn-secondary:active{transform:scale(.98)}
