:root{--primary: #42554f;--primary-hover: #35443f;--secondary: #ffbd59;--bg-app: #fafafa;--bg-sidebar: #f7f7f7;--bg-surface: #ffffff;--text-primary: #202020;--text-secondary: #808080;--border-subtle: #f0f0f0;--border-focus: #dddddd;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.05);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}body.dark-mode{--bg-app: #1f1f1f;--bg-sidebar: #282828;--bg-surface: #282828;--text-primary: #eeeeee;--text-secondary: #aaaaaa;--border-subtle: #333333;--border-focus: #444444;--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 4px 6px rgba(0,0,0,.3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:transform .1s ease;padding:var(--spacing-sm)}button:active{transform:scale(.98)}input,textarea{font-family:inherit}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.btn-primary{background-color:var(--primary);color:#fff}.btn-nav{border-radius:12px;padding:15px 35px}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{background-color:#0000000d;color:var(--text-primary)}