.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50) 0%,white 100%);padding:var(--spacing-md)}.auth-card{width:100%!important;max-width:500px!important;background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-100)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-logo{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--spacing-lg)}.auth-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.auth-subtitle{color:var(--gray-600);font-size:var(--font-size-base)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700)}.form-group input{padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 0 3px var(--primary-50)}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.remember-me{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--gray-600)}.forgot-password{color:var(--primary-600);font-weight:600;transition:var(--transition)}.forgot-password:hover{color:var(--primary-700)}.auth-btn{width:100%;padding:.875rem;background:var(--primary-600);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.auth-btn:hover{background:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.auth-divider span{color:var(--gray-500);font-size:var(--font-size-sm);font-weight:500}.auth-footer{text-align:center;font-size:var(--font-size-sm);color:var(--gray-600)}.auth-link{color:var(--primary-600);font-weight:600;transition:var(--transition)}.auth-link:hover{color:var(--primary-700)}.role-selector{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.role-option{position:relative}.role-option input{position:absolute;opacity:0;cursor:pointer}.role-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition)}.role-option input:checked+.role-card{border-color:var(--primary-600);background:var(--primary-50)}.role-icon{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.role-title{font-weight:700;color:var(--gray-900);font-size:var(--font-size-sm)}.form-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--spacing-md)!important;width:100%!important;box-sizing:border-box!important}.form-row .form-group{min-width:0!important}.form-group.checkbox-group{display:flex!important;flex-direction:row!important;align-items:center!important;gap:var(--spacing-sm)!important;margin-top:var(--spacing-xs)!important}.form-group.checkbox-group input{width:auto!important;margin:0!important}.form-group.checkbox-group label{margin:0!important;font-weight:500!important}.auth-message{padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);display:none}.auth-message.error{background:#fee2e2;color:#991b1b;border:1px solid #F87171}.auth-message.success{background:#d1fae5;color:#065f46;border:1px solid #34D399}