@import url(https://fonts.googleapis.com/css2?family=Sofia+Sans+Semi+Condensed:wght@400;600;700;900&family=Inter:wght@400;500;600;700&display=swap);:root{--primary-gradient:linear-gradient(135deg, #D0F4DE 0%, #A2D2FF 50%, #FFCFD2 100%);--primary-blue:#A2D2FF;--primary-green:#D0F4DE;--primary-pink:#FFCFD2;--primary-dark:#262626;--cream-background:#FFFCE8;--text-secondary:#666;--text-muted:#999;--cc-primary:#43B686;--cc-secondary:#F1BC03;--cc-dark:#2E2D3B;--ll-primary:#494949;--ll-secondary:#A9A9A9;--ll-dark:#FFFFFF;--white:#ffffff;--error-color:#e74c3c;--success-color:#27ae60;--border-light:rgba(162, 210, 255, 0.3);--shadow-light:rgba(0, 0, 0, 0.15);--shadow-heavy:rgba(0, 0, 0, 0.3);--uat-beige:#FAEDCD;--font-heading:'Sofia Sans Semi Condensed',sans-serif;--font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:20px;--spacing-xl:25px;--spacing-2xl:30px;--spacing-3xl:40px;--spacing-4xl:50px;--radius-sm:8px;--radius-md:12px;--radius-lg:15px;--radius-xl:20px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--primary-gradient);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--primary-dark)}body.root-index{background:var(--cream-background)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%}.loading-container .logo{width:200px;height:200px;display:flex;align-items:center;justify-content:center;transition:transform .3s;cursor:pointer}.loading-container .logo img{width:100%;height:100%;object-fit:contain;display:block}.loading-container .logo:hover{transform:scale(1.02)}@media (max-width:768px){.loading-container .logo{width:180px;height:180px}}@media (max-width:480px){.loading-container .logo{width:150px;height:150px}}.container,.login-container{background:rgba(255,252,232,.95);border-radius:var(--radius-xl);padding:var(--spacing-4xl) var(--spacing-3xl);box-shadow:0 20px 60px var(--shadow-heavy);backdrop-filter:blur(10px);border:2px solid var(--border-light);width:100%;max-width:450px}h1,h2{font-family:var(--font-heading);font-weight:700;color:var(--primary-dark);margin-bottom:var(--spacing-lg)}h1{font-size:2.5rem;text-align:center}h2{font-size:2rem;text-align:center;margin-bottom:10px}.subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.4;text-align:center;margin-bottom:var(--spacing-3xl)}.logo{width:80px;height:80px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary-dark);font-weight:700;font-family:var(--font-heading)}.form-group{margin-bottom:var(--spacing-xl)}label{display:block;margin-bottom:var(--spacing-xs);color:var(--primary-dark);font-weight:600;font-size:.95rem}.required{color:var(--error-color)}input[type=email],input[type=password]{width:100%;padding:15px;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-body);background:rgba(255,255,255,.8);color:var(--primary-dark);transition:all var(--transition-normal)}input[type=email]:focus,input[type=password]:focus{outline:0;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(162,210,255,.2);background:rgba(255,255,255,.95)}input::placeholder{color:var(--text-muted)}.homepage-btn,.submit-btn{padding:15px var(--spacing-md);border:none;border-radius:var(--radius-md);font-weight:700;font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-size:1rem}.submit-btn{width:100%;background:linear-gradient(135deg,#d0f4de,#a2d2ff,#ffcfd2);color:#262626;font-size:1rem;text-transform:none;letter-spacing:-.2px;border:none;box-shadow:0 4px 12px rgba(0,0,0,.15);backdrop-filter:blur(10px);border-radius:12px;font-family:'Sofia Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(162,210,255,.4);background:linear-gradient(135deg,#d0f4de,#a2d2ff,#ffcfd2);color:#fff}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.homepage-btn{position:fixed;top:var(--spacing-lg);left:var(--spacing-lg);display:flex;align-items:center;gap:10px;padding:var(--spacing-sm) var(--spacing-md);background:rgba(255,252,232,.95);color:var(--primary-dark);border:2px solid var(--primary-blue);border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;backdrop-filter:blur(10px);transition:all var(--transition-normal);font-family:var(--font-heading);z-index:1001}.homepage-btn:hover{background:var(--primary-blue);color:var(--white);transform:translateY(-2px);box-shadow:0 6px 20px rgba(162,210,255,.4)}.homepage-btn svg{transition:transform var(--transition-normal)}.homepage-btn:hover svg{transform:scale(1.1)}.user-dropdown{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:1001}.user-dropdown-toggle{display:flex;align-items:center;gap:10px;padding:var(--spacing-sm) var(--spacing-md);background:rgba(255,252,232,.95);color:var(--primary-dark);border:2px solid var(--primary-blue);border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;backdrop-filter:blur(10px);transition:all var(--transition-normal);font-family:var(--font-heading)}.user-dropdown-toggle:hover{background:var(--primary-blue);color:var(--white);transform:translateY(-2px);box-shadow:0 6px 20px rgba(162,210,255,.4)}.dropdown-arrow{transition:transform var(--transition-normal)}.user-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:250px;background:rgba(255,252,232,.98);border:2px solid var(--primary-blue);border-radius:var(--radius-md);padding:var(--spacing-md);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-normal);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.user-dropdown.active .user-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.user-info{padding:var(--spacing-sm);color:var(--text-secondary);font-size:14px}.user-info span{display:block;margin-top:5px;color:var(--primary-dark);font-weight:600;word-break:break-word}.dropdown-divider{margin:var(--spacing-sm) 0;border:none;border-top:1px solid var(--border-light)}.dropdown-logout-btn{width:100%;display:flex;align-items:center;gap:10px;padding:var(--spacing-sm) var(--spacing-md);background:0 0;color:var(--primary-dark);border:none;border-radius:var(--radius-sm);font-weight:600;font-size:14px;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-heading)}.dropdown-logout-btn:hover{background:var(--primary-blue);color:var(--white)}.loading{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.message{padding:15px;border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);font-weight:500;text-align:center;display:none}.message.success{background:rgba(46,204,113,.1);color:var(--success-color);border:1px solid rgba(46,204,113,.2)}.message.error{background:rgba(231,76,60,.1);color:var(--error-color);border:1px solid rgba(231,76,60,.2)}.forgot-password{text-align:center;margin-top:var(--spacing-xl)}.forgot-password a{color:var(--primary-blue);text-decoration:none;font-weight:500;transition:color var(--transition-normal)}.forgot-password a:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width:768px){body{padding:10px}.container,.login-container{padding:var(--spacing-2xl) var(--spacing-xl);margin:10px}h1{font-size:2rem}h2{font-size:1.7rem}.user-dropdown{top:var(--spacing-sm);right:var(--spacing-sm)}.homepage-btn{top:var(--spacing-sm);left:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:14px;gap:10px;width:auto;max-width:calc(100vw - 40px)}}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (prefers-contrast:high){:root{--primary-dark:#000000;--border-light:#666666}.homepage-btn,input[type=email],input[type=password]{border-width:3px}}