:root,[data-theme=light]{--bg-primary: #fafafa;--bg-secondary: #f0f0f3;--bg-card: #ffffff;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--accent: #dc2626;--accent-hover: #b91c1c;--accent-light: rgba(220, 38, 38, .08);--accent-gradient: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);--border: #e5e7eb;--shadow: rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--focus-ring: 0 0 0 3px rgba(220, 38, 38, .15);--card-hover-shadow: 0 12px 36px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .05);--success: #16a34a;--error: #dc2626;--warning: #f59e0b;--header-bg: rgba(255, 255, 255, .8);--header-text: #111827;--footer-bg: #111827;--footer-text: #9ca3af;--input-bg: #ffffff;--input-border: #d1d5db;--button-disabled: #d1d5db}[data-theme=dark]{--bg-primary: #0a0a0b;--bg-secondary: #141416;--bg-card: #1a1a1f;--text-primary: #f0f0f0;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #ef4444;--accent-hover: #dc2626;--accent-light: rgba(239, 68, 68, .12);--accent-gradient: linear-gradient(135deg, #ef4444 0%, #f87171 100%);--border: #27272a;--shadow: rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--focus-ring: 0 0 0 3px rgba(239, 68, 68, .2);--card-hover-shadow: 0 12px 36px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .3);--success: #22c55e;--error: #ef4444;--warning: #fbbf24;--header-bg: rgba(10, 10, 11, .85);--header-text: #f0f0f0;--footer-bg: #0a0a0b;--footer-text: #71717a;--input-bg: #141416;--input-border: #27272a;--button-disabled: #3f3f46}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;line-height:1.6;overflow-y:scroll;-ms-overflow-style:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:.95rem;font-weight:600;letter-spacing:-.01em;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 8px #dc262640}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dc262659}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #dc262633}.btn-secondary{background-color:transparent;color:var(--accent);border:1.5px solid var(--accent)}.btn-secondary:hover:not(:disabled){background-color:var(--accent-light);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.5rem;box-shadow:var(--shadow-md);transition:box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease}.card:hover{box-shadow:var(--card-hover-shadow)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:var(--text-primary)}.form-group input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--input-border);border-radius:10px;font-size:.95rem;background-color:var(--input-bg);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.form-group input::placeholder{color:var(--text-muted)}.error-message{color:var(--error);font-size:.875rem;margin-top:.5rem}.success-message{color:var(--success);font-size:.875rem;margin-top:.5rem}.spinner{display:inline-block;width:2rem;height:2rem;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-.025em}@media (max-width: 768px){.page-title{font-size:1.5rem}}