@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--color-primary-action:#4a6fa5;--color-nav-bg:#2d3e50;--color-active-state:#3a5a8a;--color-accent:#6b8cba;--color-page-bg:#f5f7fa;--color-card-bg:#fff;--color-text-main:#1e293b;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-error:#e11d48;--color-error-bg:#ffe4e6;--color-success:#10b981;--color-success-bg:#d1fae5;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:16px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}[data-theme=sage]{--color-primary-action:#5c7f67;--color-nav-bg:#2d3b32;--color-active-state:#466250;--color-accent:#82a88e;--color-page-bg:#f4f6f4}[data-theme=charcoal]{--color-primary-action:#4a5568;--color-nav-bg:#1a202c;--color-active-state:#2d3748;--color-accent:#718096;--color-page-bg:#f7fafc}[data-theme=terracotta]{--color-primary-action:#c2593f;--color-nav-bg:#3b201a;--color-active-state:#9c412b;--color-accent:#d97d66;--color-page-bg:#faf6f5}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-page-bg);width:100%;height:100%;color:var(--color-text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}body{flex-direction:column;display:flex}h1,h2,h3,h4,h5,h6{color:var(--color-text-main);letter-spacing:-.02em;font-weight:600}h1{font-size:2.25rem;line-height:1.2}h2{font-size:1.75rem;line-height:1.3}h3{font-size:1.25rem;line-height:1.4}a{color:var(--color-primary-action);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-active-state)}.card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);padding:1.5rem;box-shadow:0 1px 3px #0000000d}.card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.btn{border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);font-size:.95rem;font-weight:500;font-family:var(--font-family);border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;display:inline-flex}.btn-primary{background-color:var(--color-primary-action);color:#fff}.btn-primary:hover{background-color:var(--color-active-state);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--color-border);color:var(--color-text-main);background-color:#0000}.btn-secondary:hover{background-color:var(--color-page-bg);transform:translateY(-1px)}.form-group{flex-direction:column;margin-bottom:1.25rem;display:flex}.form-label{color:var(--color-text-main);margin-bottom:.35rem;font-size:.9rem;font-weight:500}.form-input,.form-select{border-radius:var(--border-radius-sm);border:1px solid var(--color-border);background-color:var(--color-card-bg);color:var(--color-text-main);font-family:var(--font-family);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.75rem;font-size:.95rem}.form-input:focus,.form-select:focus{border-color:var(--color-primary-action);box-shadow:0 0 0 3px #4a6fa526}.alert{border-radius:var(--border-radius-sm);margin-bottom:1.5rem;padding:1rem;font-size:.95rem}.alert-danger{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid #e11d4833}.alert-success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid #10b98133}.alert-warning{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid #f59e0b33}.help-trigger{cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:.25rem;font-size:.85rem;display:inline-flex}.help-trigger:hover{color:var(--color-primary-action)}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.auth-box{width:100%;max-width:440px}