.App{flex-direction:column;min-height:100vh;display:flex}main{flex:1}:root{--color-primary:#c5a044;--color-primary-dark:#775a00;--color-primary-light:#ffdf98;--color-bg:#f8f9ff;--color-surface:#fff;--color-surface-dim:#cbdbf5;--color-text-primary:#0b1c30;--color-text-secondary:#516072;--color-text-muted:#8e9bae;--color-text-on-primary:#fff;--color-border:#d1c5b2;--color-border-light:#e2e8f0;--color-error:#ba1a1a;--color-error-bg:#ffdad6;--color-success:#006a61;--color-success-bg:#86f2e4;--font-family:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0px 4px 20px #1e2d3d0d;--shadow-md:0px 12px 32px #1e2d3d1f;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);color:var(--color-text-primary);margin-bottom:.75rem;font-weight:700}h1{letter-spacing:-.02em;font-size:2.25rem;line-height:1.2}h2{letter-spacing:-.01em;font-size:1.75rem;line-height:1.3}h3{font-size:1.25rem;line-height:1.4}p{color:var(--color-text-secondary);font-size:1rem;line-height:1.6}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{font-size:.875rem;font-weight:600;font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-text-primary);color:#fff}.btn-secondary:hover{background-color:#122842;transform:translateY(-1px)}.btn-outline{border-color:var(--color-primary);color:var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-text-on-primary)}.btn-danger{border-color:var(--color-error);color:var(--color-error);background-color:#0000}.btn-danger:hover{background-color:var(--color-error);color:#fff}.btn-sm{border-radius:var(--radius-md);padding:8px 16px;font-size:.8125rem}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all var(--transition-normal);padding:24px}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);transform:translateY(-3px)}.form-group{margin-bottom:24px}.form-label{color:var(--color-text-primary);margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.form-control{border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;color:var(--color-text-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:.9375rem;font-family:var(--font-family);padding:12px 16px}.form-control:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #c5a04426}select.form-control{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23516072' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.badge{border-radius:var(--radius-full);text-transform:capitalize;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.badge-success{background-color:var(--color-success-bg);color:var(--color-success)}.badge-error{background-color:var(--color-error-bg);color:var(--color-error)}.badge-slate{color:var(--color-text-secondary);background-color:#e2e8f0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}@media (width<=768px){.container{padding:0 16px}h1{font-size:1.75rem}h2{font-size:1.5rem}}
