:root,[data-theme=dark]{--color-background: #1a1d23;--color-surface: #232830;--color-surface-light: #2a3040;--color-card-border: #3a4050;--color-accent: #4b6bfb;--color-accent-light: #6b8bff;--color-accent-hover: #3a57d9;--color-green: #6bcb77;--color-green-dark: #4a9b57;--color-red: #ff6b6b;--color-red-dark: #cc4444;--color-yellow: #ffd93d;--color-orange: #ff9f43;--color-cyan: #4ecdc4;--color-text-primary: #ffffff;--color-text-secondary: #b0b8c8;--color-text-tertiary: #6b7280;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--transition: .2s ease;--sidebar-width: 260px;--sidebar-collapsed-width: 72px}[data-theme=light]{--color-background: #f5f6fa;--color-surface: #ffffff;--color-surface-light: #eef0f4;--color-card-border: #d8dce6;--color-accent: #4b6bfb;--color-accent-light: #3a57d9;--color-accent-hover: #3a57d9;--color-green: #4caf50;--color-green-dark: #388e3c;--color-red: #e53935;--color-red-dark: #c62828;--color-yellow: #f9a825;--color-orange: #ef6c00;--color-cyan: #00897b;--color-text-primary: #1a1d23;--color-text-secondary: #4a5568;--color-text-tertiary: #9ca3af}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-background);color:var(--color-text-primary);transition:background-color var(--transition),color var(--transition)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-light)}img{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.headline-large{font-size:28px;font-weight:700;color:var(--color-text-primary);line-height:1.2}.headline-medium{font-size:22px;font-weight:700;color:var(--color-text-primary);line-height:1.3}.headline-small{font-size:18px;font-weight:600;color:var(--color-text-primary);line-height:1.4}.body-large{font-size:16px;font-weight:400;color:var(--color-text-primary);line-height:1.5}.body-medium{font-size:14px;font-weight:400;color:var(--color-text-secondary);line-height:1.5}.body-small{font-size:12px;font-weight:400;color:var(--color-text-tertiary);line-height:1.5}.label-large{font-size:16px;font-weight:600;color:var(--color-text-primary);line-height:1.4}.text-button{font-size:16px;font-weight:700;letter-spacing:.5px}.card{background-color:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius);padding:20px;transition:background-color var(--transition),border-color var(--transition)}.card:hover{border-color:var(--color-accent)}.input-field{width:100%;height:48px;padding:0 16px;background-color:var(--color-surface-light);border:1px solid transparent;border-radius:var(--radius);color:var(--color-text-primary);font-size:14px;transition:border-color var(--transition),background-color var(--transition)}.input-field:focus{border-color:var(--color-accent);outline:none}.input-field::placeholder{color:var(--color-text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:var(--radius);font-size:16px;font-weight:700;letter-spacing:.5px;cursor:pointer;border:none;transition:background-color var(--transition),opacity var(--transition);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--color-surface-light);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-card-border)}.btn-danger{background-color:var(--color-red);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-red-dark)}.btn-full{width:100%}.btn-sm{height:36px;padding:0 16px;font-size:14px}