body{margin:0;padding:0;overflow:auto}.dark-input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #000!important}.dark-input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #000!important}.dark-input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #000!important}.dark-input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #000!important}*{scrollbar-width:thin;scrollbar-color:#2a3038 #0a0c0f}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0c0f}::-webkit-scrollbar-thumb{background:#1c2128;border:1px solid #0a0c0f;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#39ff8855}::-webkit-scrollbar-corner{background:#0a0c0f}.mekar-container{box-sizing:border-box;background-color:#f2f4f7;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;display:flex}.mekar-card{box-sizing:border-box;background:#fff;border-radius:4px;width:100%;max-width:440px;min-height:448px;margin-top:60px;padding:32px 40px;font-size:14px;box-shadow:0 2px 4px #7773}.mekar-header{text-align:left;margin-bottom:25px}.mekar-logo{height:52px}.mekar-login-title{color:#212121;letter-spacing:.2px;font-size:24px;line-height:46px}.mekar-form{flex-direction:column;gap:15px;display:flex}.mekar-input-group{flex-direction:column;gap:8px;display:flex}.mekar-label{color:#212121;font-size:15px;font-weight:500}.mekar-input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;outline:none;width:100%;padding:12px;font-size:14px;transition:border-color .2s}.mekar-input:focus{border-color:#007bff}.mekar-password-wrapper{width:100%;position:relative}.mekar-toggle-password{cursor:pointer;opacity:.6;background:0 0;border:none;font-size:14px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.mekar-signin-btn{color:#fff;cursor:pointer;background-color:#005fbf;border:none;border-radius:4px;margin-top:10px;padding:12px;font-size:14px;font-weight:600;transition:background .2s}.mekar-signin-btn:hover{background-color:#0056b3}.mekar-divider{text-align:center;color:#999;align-items:center;margin:25px 0;font-size:12px;display:flex}.mekar-divider:before,.mekar-divider:after{content:"";border-bottom:1px solid #eee;flex:1}.mekar-divider-text{padding:0 10px}.mekar-social-login-group{flex-direction:column;gap:10px;display:flex}.mekar-social-btn{cursor:pointer;color:#555;background:#fff;border-radius:4px;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.mekar-google-btn{border:1px solid #ddd}.mekar-outline-btn{color:#007bff;border:1px solid #ddd}.mekar-outline-btn:hover{background-color:#f8f9fa}.mekar-social-icon{width:16px;height:16px}.mekar-footer-links{text-align:center;margin-top:20px;font-size:13px}.mekar-link{color:#007bff;text-decoration:none}.mekar-dot{color:#ccc;margin:0 5px}.mekar-bottom-footer{text-align:center;color:#888;margin-top:40px;font-size:12px}.mekar-policy-links{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}.mekar-policy-links a{color:#888;white-space:nowrap;font-size:12px;text-decoration:none}.mekar-lang-selector{margin-bottom:30px}.mekar-lang-box{color:#777;cursor:pointer;background:#fcfcfc;border:1px solid #ddd;border-radius:20px;padding:6px 15px;font-size:12px;display:inline-block}.mekar-brand-footer{flex-direction:column;align-items:center;gap:5px;margin-bottom:6px;display:flex}.mekar-footer-logo{opacity:.8;height:24px;margin-bottom:13px}.mekar-footer-text{margin:0;font-size:12px}.mekar-copyright{opacity:.8;color:#777;margin:0;font-size:12px}@media (width<=480px){.mekar-card{width:94%}}@media (width<=600px){.mekar-policy-links{gap:5px 10px;padding:0 20px}.mekar-policy-links a{font-size:11px}}.loading-overlay-c{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.circle-loader-c{animation:1s linear infinite rotate}.loader-path-c{fill:none;stroke:#ff4d4d;stroke-width:4px;stroke-linecap:round;stroke-dasharray:125.6;stroke-dashoffset:125.6px;animation:1.5s ease-in-out infinite draw-circle}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes draw-circle{0%{stroke-dashoffset:125.6px}50%{stroke-dashoffset:30px}to{stroke-dashoffset:-125.6px}}.mekar-emp-container{box-sizing:border-box;background-color:#f2f4f7;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;display:flex}.mekar-emp-card{box-sizing:border-box;background:#fff;border-radius:4px;width:100%;max-width:440px;min-height:448px;margin-top:60px;padding:32px 40px;font-size:14px;box-shadow:0 2px 4px #7773}.mekar-emp-header{text-align:left;margin-bottom:20px}.mekar-emp-logo{height:52px}.mekar-emp-title{color:#333;margin-bottom:8px;font-size:18px;font-weight:600}.mekar-emp-subtitle{color:#666;margin-bottom:25px;font-size:13px;line-height:1.5}.mekar-emp-form{flex-direction:column;gap:18px;display:flex}.mekar-emp-input-group{flex-direction:column;gap:8px;display:flex}.mekar-emp-label{color:#212121;font-size:13px;font-weight:600}.mekar-emp-input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;outline:none;width:100%;padding:12px;font-size:14px;transition:border-color .2s}.mekar-emp-input:focus{border-color:#007bff}.mekar-emp-password-wrapper{width:100%;position:relative}.mekar-emp-toggle-password{cursor:pointer;opacity:.6;background:0 0;border:none;font-size:14px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.mekar-emp-signin-btn{color:#fff;cursor:pointer;background-color:#005fbf;border:none;border-radius:4px;margin-top:10px;padding:12px;font-size:14px;font-weight:600;transition:background .2s}.mekar-emp-signin-btn:hover{background-color:#0056b3}.mekar-emp-divider{text-align:center;color:#999;align-items:center;margin:25px 0;font-size:12px;display:flex}.mekar-emp-divider:before,.mekar-emp-divider:after{content:"";border-bottom:1px solid #eee;flex:1}.mekar-emp-divider-text{padding:0 10px}.mekar-emp-alternative-btn{cursor:pointer;color:#007bff;background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;font-size:13px;font-weight:500;transition:all .2s}.mekar-emp-alternative-btn:hover{background-color:#f8f9fa}.mekar-emp-footer-links{text-align:center;margin-top:20px;font-size:13px}.mekar-emp-footer-links a{color:#007bff;text-decoration:none}.mekar-emp-bottom-footer{text-align:center;color:#888;margin-top:40px;font-size:12px}.mekar-emp-policy-links{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}.mekar-emp-policy-links a{color:#888;white-space:nowrap;text-decoration:none}.mekar-emp-dot{color:#ccc;margin:0 5px}.mekar-emp-lang-selector{margin-bottom:30px}.mekar-emp-lang-box{color:#666;cursor:pointer;background:#fcfcfc;border:1px solid #ddd;border-radius:20px;padding:6px 15px;font-size:12px;display:inline-block}.mekar-emp-brand-footer{flex-direction:column;align-items:center;gap:5px;display:flex}.mekar-emp-footer-logo{opacity:.7;height:20px;margin-bottom:10px}.mekar-emp-copyright{opacity:.6;margin:0;font-size:11px}@media (width<=480px){.mekar-emp-card{padding:25px}}.mekar-ph-container{box-sizing:border-box;background-color:#f2f4f7;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;display:flex}.mekar-ph-card{box-sizing:border-box;background:#fff;border:1px solid #18181833;border-radius:4px;width:100%;max-width:440px;padding:32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.mekar-ph-header{text-align:left;margin-bottom:25px}.mekar-ph-logo{height:52px}.mekar-ph-title{color:#333;margin-bottom:20px;font-size:16px;font-weight:600}.mekar-ph-form{flex-direction:column;gap:15px;display:flex}.mekar-ph-input-group{flex-direction:column;gap:8px;display:flex}.mekar-ph-label{color:#666;font-size:13px;font-weight:500}.mekar-ph-phone-wrapper{border:1px solid #ccc;border-radius:4px;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.mekar-ph-phone-wrapper:focus-within{border-color:#007bff}.mekar-ph-prefix{color:#666;-webkit-user-select:none;user-select:none;background-color:#f5f5f5;border-right:1px solid #ccc;padding:12px 10px;font-size:14px}.mekar-ph-input{box-sizing:border-box;border:none;outline:none;width:100%;padding:12px;font-size:14px}.mekar-ph-error{color:#d93025;text-align:left;margin:-10px 0 10px;font-size:12px}.mekar-ph-continue-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;margin-top:10px;padding:12px;font-size:14px;font-weight:600;transition:background .2s}.mekar-ph-continue-btn:hover{background-color:#0056b3}.mekar-ph-divider{text-align:center;color:#999;align-items:center;margin:25px 0;font-size:12px;display:flex}.mekar-ph-divider:before,.mekar-ph-divider:after{content:"";border-bottom:1px solid #eee;flex:1}.mekar-ph-divider-text{padding:0 10px}.mekar-ph-alternative-btn{cursor:pointer;color:#007bff;background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;font-size:13px;font-weight:500;transition:all .2s}.mekar-ph-alternative-btn:hover{background-color:#f8f9fa}.mekar-ph-bottom-footer{text-align:center;color:#888;margin-top:40px;font-size:12px}.mekar-ph-lang-selector{margin-bottom:30px}.mekar-ph-lang-box{color:#666;cursor:pointer;background:#fcfcfc;border:1px solid #ddd;border-radius:20px;padding:6px 15px;font-size:12px;display:inline-block}.mekar-ph-policy-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}.mekar-ph-policy-links a{color:#888;text-decoration:none}.mekar-ph-dot{color:#ccc;margin:0 5px}.mekar-ph-brand-footer{flex-direction:column;align-items:center;gap:5px;display:flex}.mekar-ph-footer-logo{opacity:.7;height:20px;margin-bottom:10px}.mekar-ph-copyright{opacity:.6;margin:0;font-size:11px}.mekar-sso-container{box-sizing:border-box;background-color:#f2f4f7;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;display:flex}.mekar-sso-card{box-sizing:border-box;background:#fff;border-radius:4px;width:100%;max-width:420px;padding:40px;box-shadow:0 2px 4px #7773}.mekar-sso-header{text-align:left;margin-bottom:25px}.mekar-sso-logo{height:52px}.mekar-sso-title{color:#333;margin-bottom:10px;font-size:18px;font-weight:600}.mekar-sso-subtitle{color:#666;margin-bottom:25px;font-size:13px;line-height:1.5}.mekar-sso-link{color:#007bff;text-decoration:none}.mekar-sso-form{flex-direction:column;gap:20px;display:flex}.mekar-sso-input-group{flex-direction:column;gap:8px;display:flex}.mekar-sso-label-row{justify-content:space-between;align-items:center;display:flex}.mekar-sso-label{color:#666;font-size:13px;font-weight:500}.mekar-sso-info-icon{color:#999;cursor:pointer;font-size:14px}.mekar-sso-input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;outline:none;width:100%;padding:12px;font-size:14px;transition:border-color .2s}.mekar-sso-input:focus{border-color:#007bff}.mekar-sso-signin-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:12px;font-size:14px;font-weight:600;transition:background .2s}.mekar-sso-signin-btn:hover{background-color:#0056b3}.mekar-sso-divider{text-align:center;color:#999;align-items:center;margin:25px 0;font-size:12px;display:flex}.mekar-sso-divider:before,.mekar-sso-divider:after{content:"";border-bottom:1px solid #eee;flex:1}.mekar-sso-divider-text{padding:0 10px}.mekar-sso-alternative-btn{cursor:pointer;color:#007bff;background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;font-size:13px;font-weight:500;transition:all .2s}.mekar-sso-alternative-btn:hover{background-color:#f8f9fa}.mekar-sso-bottom-footer{text-align:center;color:#888;margin-top:40px;font-size:12px}.mekar-sso-lang-selector{margin-bottom:30px}.mekar-sso-lang-box{color:#666;cursor:pointer;background:#fcfcfc;border:1px solid #ddd;border-radius:20px;padding:6px 15px;font-size:12px;display:inline-block}.mekar-sso-policy-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}.mekar-sso-policy-links a{color:#888;text-decoration:none}.mekar-sso-dot{color:#ccc;margin:0 5px}.mekar-sso-brand-footer{flex-direction:column;align-items:center;gap:5px;display:flex}.mekar-sso-footer-logo{opacity:.7;height:20px;margin-bottom:10px}.mekar-sso-copyright{opacity:.6;margin:0;font-size:11px}.google-container{background-color:#202124;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Segoe UI,Roboto,Arial,sans-serif;display:flex}.google-card{box-sizing:border-box;background-color:#0f0f0f;border-radius:24px;width:100%;max-width:960px;min-height:360px;padding:32px 42px;box-shadow:0 4px 15px #0000004d}.google-content{align-items:flex-start;gap:60px;display:flex}.google-left{flex:1}.google-logo{width:42px;margin-top:6px;margin-bottom:16px}.google-title{color:#fff;margin:0 0 10px;font-size:42px;font-weight:400}.google-subtitle{color:#bdc1c6;margin:0;font-size:16px}.google-right{flex-direction:column;flex:1;justify-content:flex-end;margin-top:76px;display:flex}.input-wrapper{flex-direction:column;margin-bottom:16px;display:flex}.google-input{color:#fff;box-sizing:border-box;background:0 0;border:1px solid #5f6368;border-radius:4px;outline:none;width:100%;padding:13px 15px;font-size:16px;transition:border .2s}.google-input:focus{border:2px solid #8ab4f8}.forgot-email{color:#8ab4f8;margin-top:0;font-size:14px;font-weight:500;text-decoration:none}.forgot-email:hover{text-decoration:underline}.guest-mode-text{color:#bdc1c6;margin-bottom:56px;font-size:14px;line-height:1.5}.guest-mode-text a{color:#8ab4f8;font-weight:500;text-decoration:none}.create-account{color:#8ab4f8;margin-right:24px;font-size:14px;font-weight:500;text-decoration:none}.gnext-btn{color:#202124;cursor:pointer;background-color:#8ab4f8;border:none;border-radius:20px;padding:10px 24px;font-size:14px;font-weight:500;transition:background .2s}.gnext-btn:hover{background-color:#aecbfa}.google-footer{color:#bdc1c6;justify-content:space-between;width:100%;max-width:940px;margin-top:30px;font-size:12px;display:flex}.language-selector{cursor:pointer;align-items:center;gap:5px;display:flex}.footer-links{gap:20px;display:flex}.footer-links a{color:#bdc1c6;text-decoration:none}.footer-links a:hover{text-decoration:underline}@media (width<=768px){.google-right{margin-top:0}.google-content{flex-direction:column;gap:30px}.google-card{padding:30px}}.floating-input{color:#fff;box-sizing:border-box;background:0 0;border:1px solid #5f6368;border-radius:4px;outline:none;width:100%;padding:20px 15px 10px;font-size:16px;transition:all .2s;display:block}.floating-input:focus{border:2px solid #8ab4f8}.floating-label{color:#bdc1c6;pointer-events:none;background-color:#0f0f0f;padding:0 5px;font-size:16px;transition:all .2s;position:absolute;top:15px;left:12px}.floating-input:focus+.floating-label,.floating-input:valid+.floating-label{color:#8ab4f8;font-size:12px;font-weight:500;top:-10px;left:10px}.user-selector{color:#fff;cursor:pointer;border:1px solid #5f6368;border-radius:20px;align-items:center;width:fit-content;padding:5px 12px;font-size:14px;display:flex}.user-icon{margin-right:10px;font-size:14px}.dropdown-arrow{color:#bdc1c6;margin-left:10px}.google-right{flex-direction:column;flex:1;display:flex}.floating-input-container{width:100%;margin-bottom:15px;position:relative}.show-password-container{color:#bdc1c6;align-items:center;gap:10px;margin-bottom:40px;font-size:14px;display:flex}.show-password-container input{cursor:pointer;accent-color:#8ab4f8}.action-row{justify-content:flex-end;align-items:center;display:flex}.forgot-password{color:#8ab4f8;margin-right:24px;font-size:14px;font-weight:500;text-decoration:none}.user-icon-fa{color:#bdc1c6;margin-right:10px;font-size:20px}.auth-error-msg{color:#f28b82;text-align:left;margin-bottom:15px;font-size:13px;font-weight:500}.gnext-btn.loading{cursor:not-allowed;position:relative;color:#0000!important}.gspinner{border:2px solid #ffffff4d;border-top-color:#202124;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}