.auth-section{padding:var(--spacing-8) 0}.auth-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-6)}.auth-form{position:relative;background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--spacing-8);box-shadow:0 18px 45px #0f172a14;width:100%;max-width:480px;margin:0 auto;overflow:hidden;border:1px solid var(--color-border-light)}.auth-form-wide{max-width:720px}.auth-form:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,71,171,.05),transparent 60%),radial-gradient(circle at 120% -10%,rgba(253,183,20,.08),transparent 55%);opacity:.6;pointer-events:none}.auth-form>*{position:relative;z-index:1}.auth-form h1.section-title{font-size:2rem;margin-top:0;margin-bottom:var(--spacing-2);text-align:center;letter-spacing:.02em;color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.auth-form>p{margin-top:0;margin-bottom:var(--spacing-6);color:var(--color-text-secondary);text-align:center;font-size:var(--font-size-base)}.auth-form h2{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-primary);margin-top:var(--spacing-7);margin-bottom:var(--spacing-4);border-top:1px solid var(--color-border);padding-top:var(--spacing-5);display:flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-weight-semibold)}.auth-form h2:before{content:"";width:26px;height:2px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.auth-form h2:first-of-type{border-top:none;padding-top:var(--spacing-1);margin-top:var(--spacing-2)}.auth-form .prd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-4) var(--spacing-5)}.auth-form .field{margin-bottom:var(--spacing-4)}.auth-form .field-full{grid-column:1 / -1}.auth-form .field label{display:block;margin-bottom:var(--spacing-1);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-primary)}.auth-form .field input,.auth-form .field textarea,.auth-form .field select{width:100%;padding:var(--spacing-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);font:inherit;box-sizing:border-box;background:var(--color-bg-subtle);transition:var(--transition-smooth)}.auth-form .field input:focus,.auth-form .field textarea:focus,.auth-form .field select:focus{outline:none;border-color:var(--color-primary);background:var(--color-white);box-shadow:0 0 0 3px var(--color-primary-lighter);transform:translateY(-1px)}.auth-form .field input:disabled{background:var(--color-neutral-100);cursor:not-allowed;opacity:.7}.password-field{position:relative;display:flex;align-items:center}.password-field input{padding-right:80px}.password-toggle{position:absolute;right:var(--spacing-2);background:var(--color-neutral-100);border:none;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-smooth)}.password-toggle:hover{background:var(--color-neutral-200);color:var(--color-text-primary)}.auth-form .date-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.auth-form .field-error{margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:#991b1b;font-weight:var(--font-weight-medium)}.auth-actions{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-6);flex-wrap:wrap;justify-content:center}.auth-actions .btn-full{width:100%}.auth-actions button{border-radius:var(--radius-full);border:none;padding:var(--spacing-3) var(--spacing-6);cursor:pointer;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);transition:var(--transition-smooth)}.auth-actions .btn-primary{background:linear-gradient(135deg,var(--color-primary),#1d4ed8);color:var(--color-white);box-shadow:0 12px 30px #0047ab4d}.auth-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px #0047ab66}.auth-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.auth-links{margin-top:var(--spacing-6);text-align:center;padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}.auth-links p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.auth-link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-semibold);transition:var(--transition-smooth)}.auth-link:hover{text-decoration:underline;color:#1d4ed8}.auth-form .error,.auth-form .success{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);display:flex;align-items:flex-start;gap:var(--spacing-2)}.auth-form .error:before,.auth-form .success:before{content:"";width:7px;height:7px;border-radius:var(--radius-full);margin-top:.25rem;flex-shrink:0}.auth-form .error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.auth-form .error:before{background:#dc2626}.auth-form .success{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}.auth-form .success:before{background:#16a34a}@media(max-width:768px){.auth-container{padding:0 var(--spacing-4)}.auth-form{padding:var(--spacing-6);border-radius:var(--radius-xl)}.auth-form h1.section-title{font-size:1.75rem}.auth-form .prd-grid{grid-template-columns:1fr}.auth-actions{flex-direction:column}.auth-actions button{width:100%}}@media(max-width:480px){.auth-container{padding:0 var(--spacing-3)}.auth-form{padding:var(--spacing-5)}.auth-form h1.section-title{font-size:1.5rem}}.profile-dropdown{position:static;display:inline-block}.profile-trigger{display:inline-flex;align-items:center;gap:var(--spacing-2);background-color:var(--color-secondary);padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-xl);transition:var(--transition-smooth);color:var(--color-primary);font-weight:var(--font-weight-semibold);border:none;cursor:pointer;font-size:var(--font-size-base);white-space:nowrap}.profile-trigger:hover{background-color:var(--color-secondary-light);transform:translateY(-2px)}.profile-trigger .fa-chevron-down{font-size:.75rem;transition:transform .2s ease}.profile-trigger .fa-chevron-down.rotate{transform:rotate(180deg)}.dropdown-menu{position:fixed;top:80px;right:20px;min-width:260px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 10px 30px #0003;border:1px solid var(--color-border-light);overflow:hidden;z-index:10000;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:var(--spacing-4);background:var(--color-bg-subtle)}.user-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.user-info strong{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.user-email{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.dropdown-divider{height:1px;background:var(--color-border-light);margin:0}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);text-decoration:none;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-smooth);background:none;border:none;width:100%;text-align:left;cursor:pointer}.dropdown-item:hover{background:var(--color-bg-subtle)}.dropdown-item i{font-size:var(--font-size-base);width:20px;text-align:center;color:var(--color-text-secondary)}.dropdown-item.logout,.dropdown-item.logout i{color:#dc2626}.dropdown-item.logout:hover{background:#fef2f2}@media(max-width:768px){.dropdown-menu{top:60px;right:10px;left:10px;min-width:auto}}