:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-card: #0f3460;--text-primary: #eee;--text-secondary: #aaa;--text-tertiary: #777;--accent-color: #e94560;--accent-hover: #d63850;--border-color: #2a2a4a;--success: #4caf50;--warning: #ff9800;--radius: 8px;--shadow: 0 4px 6px rgba(0, 0, 0, .3);--accent: var(--accent-color);--text: var(--text-primary);--text-muted: var(--text-secondary);--border: var(--border-color)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text);line-height:1.6}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:600;line-height:1.2}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.5rem,3.5vw,2rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}h4{font-size:clamp(1.1rem,2.5vw,1.5rem)}p{margin-bottom:1rem}a{color:var(--accent);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:transparent;color:var(--text-primary);transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:1rem;color:var(--text);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;width:100%;transition:border-color .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:500;font-size:1rem;text-align:center;white-space:nowrap;transition:all .2s ease}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:#d63850}.btn-secondary{background-color:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary)}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){background-color:#45a049}.btn-warning{background-color:var(--warning);color:#fff}.btn-warning:hover:not(:disabled){background-color:#f57c00}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.card{background-color:var(--bg-card);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.card-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.card-body{margin-bottom:1rem}.card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.form-group{margin-bottom:1.5rem}.form-error{color:var(--accent);font-size:.875rem;margin-top:.25rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:1rem}@media(min-width:768px){.container{padding:2rem}}.grid{display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media(min-width:640px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.grid-cols-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-accent{color:var(--accent)}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background-color:#e945601a;border:1px solid var(--accent);border-radius:var(--radius);padding:1rem;color:var(--accent);margin-bottom:1rem}.success-message{background-color:#4caf501a;border:1px solid var(--success);border-radius:var(--radius);padding:1rem;color:var(--success);margin-bottom:1rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.badge-primary{background-color:var(--accent);color:#fff}.badge-success{background-color:var(--success);color:#fff}.badge-warning{background-color:var(--warning);color:#fff}.badge-secondary{background-color:var(--bg-secondary);color:var(--text-muted)}