/* ===========================================
   Login Page Styles
   =========================================== *//* ========================= *//* Login Container           *//* ========================= */.login-container{display:flex;justify-content:center;align-items:flex-start;min-height:400px;margin-bottom:var(--spacing-8);}.login-card{width:100%;max-width:440px;background-color:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);padding:var(--spacing-8);box-shadow:var(--shadow-md);}.login-card-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--spacing-6);border-radius:var(--radius-full);background-color:rgba(0, 163, 66, 0.1);color:var(--color-primary);}.login-card-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-900);text-align:center;margin:0 0 var(--spacing-6) 0;/* ========================= *//* Form Styles               *//* ========================= */}.login-form{display:flex;flex-direction:column;gap:var(--spacing-5);}.login-alert{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#991b1b;font-size:var(--font-size-sm);}.login-alert svg{flex-shrink:0;color:#dc2626;}.login-form-group{display:flex;flex-direction:column;gap:var(--spacing-2);}.login-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700);}.login-input-wrapper{position:relative;display:flex;align-items:center;}.login-input-icon{position:absolute;left:var(--spacing-4);color:var(--color-gray-400);pointer-events:none;z-index:1;}.login-input{width:100%;padding:var(--spacing-3) var(--spacing-4) var(--spacing-3) 44px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-gray-900);background-color:var(--color-white);transition:all var(--transition-fast);}.login-input::placeholder{color:var(--color-gray-400);}.login-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0, 163, 66, 0.1);}.login-input:hover:not(:focus){border-color:var(--color-gray-400);}.login-form-actions{display:flex;justify-content:flex-end;margin-top:calc(var(--spacing-2) * -1);}.login-link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast);}.login-link:hover{color:color-mix(in srgb, var(--color-primary), black 20%);text-decoration:underline;/* ========================= *//* Button Styles            *//* ========================= */}.login-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-4) var(--spacing-5);background-color:var(--color-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);margin-top:var(--spacing-2);}.login-btn:hover{background-color:color-mix(in srgb, var(--color-primary), black 20%);transform:translateY(-1px);box-shadow:var(--shadow-md);}.login-btn:active{transform:translateY(0);}.login-btn svg{flex-shrink:0;/* ========================= *//* Sign Up Section           *//* ========================= */}.login-signup{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding-top:var(--spacing-6);margin-top:var(--spacing-6);border-top:1px solid var(--color-gray-200);}.login-signup-text{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;}.login-signup-link{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700);text-decoration:none;transition:all var(--transition-fast);background-color:var(--color-white);}.login-signup-link:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-900);text-decoration:none;}.login-signup-link svg{flex-shrink:0;color:var(--color-primary);/* ========================= *//* Responsive Styles         *//* ========================= */}@media (max-width:768px){.login-hero{height:160px;border-radius:var(--radius-md);margin-bottom:var(--spacing-6);}.login-hero-content{left:var(--spacing-5);max-width:calc(100% - 40px);}.login-hero-title{font-size:24px;}.login-hero-subtitle{font-size:var(--font-size-sm);}.login-container{padding:0 var(--spacing-4);}.login-card{padding:var(--spacing-6);}.login-card-icon{width:56px;height:56px;margin-bottom:var(--spacing-5);}.login-card-title{font-size:var(--font-size-lg);}}@media (max-width:480px){.login-hero{height:140px;margin-bottom:var(--spacing-4);}.login-hero-content{left:var(--spacing-4);}.login-hero-title{font-size:20px;}.login-container{padding:0 var(--spacing-2);}.login-card{padding:var(--spacing-5);}.login-card-icon{width:48px;height:48px;margin-bottom:var(--spacing-4);}.login-card-icon svg{width:24px;height:24px;}.login-form{gap:var(--spacing-4);}.login-btn{padding:var(--spacing-3) var(--spacing-4);}}