:root{--color-primary: #2563eb;--color-secondary: #1e40af;--color-accent: #f59e0b;--color-bg: #f9fafb;--color-text: #111827;--color-card: #ffffff;--color-border: #e5e7eb;--color-muted: #6b7280;--color-error: #dc2626;--color-success: #059669;--radius: 10px;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.05)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;border:none;border-radius:var(--radius);padding:10px 18px;background:var(--color-primary);color:#fff;font-weight:500;transition:all .15s ease}button:hover:not(:disabled){background:var(--color-secondary)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#fff;color:var(--color-text);border:1px solid var(--color-border)}button.secondary:hover:not(:disabled){background:var(--color-bg)}button.danger{background:var(--color-error)}input,textarea,select{font:inherit;width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;color:var(--color-text);transition:border-color .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.container{max-width:1280px;margin:0 auto;padding:0 24px}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.label{display:block;font-size:.875rem;font-weight:500;margin-bottom:6px;color:var(--color-text)}.field{margin-bottom:16px}.error-text{color:var(--color-error);font-size:.875rem;margin-top:4px}.success-text{color:var(--color-success);font-size:.875rem;margin-top:4px}.spinner{width:24px;height:24px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}