:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--text-primary:#fff;--text-secondary:#888;--accent:#4f46e5;--accent-hover:#5b52f0;--error:#ef4444;--success:#10b981;--border:#262626;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-md)}.page-container{display:flex;flex-direction:column;min-height:100vh}.content-container{align-items:center;display:flex;flex:1;justify-content:center;padding:var(--space-xl) var(--space-md)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:var(--space-xl);width:100%}.card-compact{padding:var(--space-lg)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--space-xs)}.form-input,.form-label{color:var(--text-primary)}.form-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;font-size:1rem;padding:var(--space-sm) var(--space-md);transition:border-color .15s ease;width:100%}.form-input:focus{border-color:var(--accent);outline:none}.form-input::-moz-placeholder{color:var(--text-secondary)}.form-input::placeholder{color:var(--text-secondary)}.form-input:disabled{cursor:not-allowed;opacity:.5}.form-input.error{border-color:var(--error)}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:var(--space-xs);justify-content:center;padding:var(--space-sm) var(--space-md);transition:background-color .15s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-full{width:100%}.message{border-radius:6px;font-size:.875rem;padding:var(--space-sm);text-align:center}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--error)}.success-message{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:var(--success)}.loading{opacity:.6;pointer-events:none}.spinner{animation:spin .8s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}@media(max-width:768px){.content-container{padding:var(--space-lg) var(--space-sm)}.card{padding:var(--space-lg)}}@media(max-width:480px){.content-container{padding:var(--space-md) var(--space-sm)}.card{padding:var(--space-md)}}.footer[data-v-86390eb5]{background:var(--bg-secondary);border-top:1px solid var(--border);margin-top:auto}.footer-container[data-v-86390eb5]{margin:0 auto;max-width:1200px;padding:var(--space-sm) var(--space-lg);text-align:center}.footer-copyright[data-v-86390eb5]{color:var(--text-secondary);font-size:.75rem;margin:0}@media(max-width:768px){.footer-container[data-v-86390eb5]{padding:var(--space-xs) var(--space-md)}}@media(max-width:480px){.footer-container[data-v-86390eb5]{padding:var(--space-xs) var(--space-sm)}}.app-layout[data-v-5cc91ba7]{display:flex;flex-direction:column;min-height:100vh}.main-content[data-v-5cc91ba7]{display:flex;flex:1;flex-direction:column}
