*,:before,:after{box-sizing:border-box}html,body{background-color:var(--oxford-navy);margin:0;padding:0;overflow-x:hidden}.main-container{background:var(--oxford-navy);justify-content:center;align-items:center;min-height:100dvh;padding:4rem 2rem 2rem;display:flex}.page-header{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto .5rem;display:flex}.page-header h1{color:var(--color-text-primary);margin:0;font-size:1.75rem}.section-card{background:rgba(var(--color-accent-rgb), .1);border:1px solid var(--color-border-accent);border-radius:12px;max-width:900px;margin:0 auto 2rem;padding:1.5rem}.section-card h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem}.btn{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s}.btn-primary{background:var(--color-accent);color:var(--color-text-on-primary)}.btn-primary:hover{opacity:.85}.btn-outline{border:1px solid var(--color-accent);color:var(--color-accent);background:0 0}.btn-outline:hover{background:var(--color-accent);color:var(--color-text-on-primary)}.btn-danger{background:var(--color-danger);color:var(--color-text-on-danger)}.btn-danger:hover{opacity:.85}.btn-cancel{border:1px solid var(--color-border-muted);color:var(--color-text-secondary);background:0 0}.btn-cancel:hover{background:rgba(var(--charcoal-blue-rgb), .1)}.btn.btn-submit{background:var(--color-accent);color:var(--charcoal-blue);border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;display:flex}.btn.btn-submit:hover:not(:disabled){box-shadow:0 10px 20px rgba(var(--color-accent-rgb), .3);transform:translateY(-1px)}.btn.btn-submit:active:not(:disabled){transform:translateY(0)}.btn.btn-submit:disabled{opacity:.7;cursor:not-allowed}.form-field{flex-direction:column;gap:.3rem;display:flex}.form-field label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.form-field input,.form-field select{border:1px solid var(--color-border-accent);background:var(--color-surface);color:var(--color-text-primary);border-radius:6px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem}.form-field input:focus,.form-field select:focus{border-color:var(--color-accent);outline:none}.form-field select option{background:var(--color-surface);color:var(--color-text-primary)}.loading-container{min-height:50vh;color:var(--color-text-primary);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{width:var(--spinner-size-md);height:var(--spinner-size-md);border:3px solid rgba(var(--color-accent-rgb), .2);border-top-color:var(--color-accent);border-radius:50%;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-container{background:rgba(var(--color-danger-rgb), .05);border:1px solid var(--color-danger);text-align:center;border-radius:12px;max-width:500px;margin:4rem auto;padding:2rem}.error-container h2{color:var(--color-text-danger);margin:0 0 1rem}.error-container p{color:var(--color-text-primary);margin:0 0 1.5rem}.empty-state{text-align:center;color:var(--color-text-secondary);padding:4rem 2rem}.empty-state h2{color:var(--color-text-primary);margin:0 0 .5rem}.empty-state p{opacity:.7;margin:0}.toggle{background:var(--color-border-muted);cursor:pointer;border:none;border-radius:10px;align-items:center;width:36px;height:20px;padding:0;transition:background .2s;display:inline-flex;position:relative}.toggle[data-state=checked]{background:var(--color-accent)}.toggle-thumb{background:var(--color-surface);border-radius:50%;width:16px;height:16px;transition:transform .2s;display:block;transform:translate(2px)}.toggle[data-state=checked] .toggle-thumb{transform:translate(18px)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.main-container{padding:4.5rem .5rem .5rem}.nav-root~.main-container{align-items:flex-start}.page-header{text-align:center;flex-direction:column;gap:1rem}}