:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-tertiary: #c4b5fd;--border-color: #e2e8f0;--ring-color: rgba(99, 102, 241, .4);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--nav-height: 4.5rem;--content-max-width: 1200px;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}[data-theme=dark]{--bg-primary: #020617;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #475569;--accent-primary: #818cf8;--accent-secondary: #a78bfa;--accent-tertiary: #4f46e5;--border-color: #1e293b;--ring-color: rgba(129, 140, 248, .3);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .5);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .5)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:var(--content-max-width);margin:0 auto;padding:3rem 1.5rem}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;letter-spacing:-.025em;line-height:1.25}a{color:var(--accent-primary);text-decoration:none;font-weight:500}a:hover{color:var(--accent-secondary)}.glass{background:var(--bg-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}[data-theme=light] .glass{background:#ffffffb3}[data-theme=dark] .glass{background:#0f172ab3}.card{background-color:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);overflow:hidden;position:relative}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-tertiary)}.card-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-primary))}.card-body{padding:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;font-weight:600;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.9375rem;box-shadow:var(--shadow-sm);white-space:nowrap}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-color:transparent}.btn-primary:hover:not(:disabled){box-shadow:0 0 20px #6366f166;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--border-color);transform:translateY(-1px)}.btn-danger{background-color:color-mix(in srgb,var(--error) 20%,var(--bg-secondary));color:var(--error);border-color:color-mix(in srgb,var(--error) 30%,transparent)}.btn-danger:hover:not(:disabled){background-color:var(--error);color:#fff}.input-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary)}.input-field{width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;box-shadow:inset 0 2px 4px #00000005}.input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--ring-color),inset 0 2px 4px #00000005}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{opacity:1}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center}.badge-draft{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-groups{background:var(--ring-color);color:var(--accent-primary)}.badge-bracket{background:color-mix(in srgb,var(--warning) 20%,transparent);color:var(--warning)}.badge-finished{background:color-mix(in srgb,var(--success) 20%,transparent);color:var(--success)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{opacity:1}