:root{--bg-color: #f4f6f8;--card-bg: #ffffff;--text-primary: #1a202c;--text-secondary: #4a5568;--accent-color: #2b6cb0;--accent-hover: #2c5282;--success-color: #2f855a;--border-color: #cbd5e0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5}#root{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column}button{font-weight:600;border-radius:6px;transition:all .2s;cursor:pointer}.btn-primary{background-color:var(--accent-color);color:#fff;border:2px solid var(--accent-color);padding:.6rem 1.2rem}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background-color:transparent;color:var(--text-primary);border:2px solid var(--border-color);padding:.5rem 1rem}.btn-secondary:hover{background-color:#e2e8f0;border-color:#a0aec0}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}input,select{width:100%;padding:10px;border:2px solid var(--border-color);border-radius:6px;font-size:1rem;color:var(--text-primary);background:#fff;box-sizing:border-box}input:focus,select:focus{border-color:var(--accent-color);outline:none}