:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{margin:0;width:100%;height:100%;min-height:100vh}#root{background-color:#0e1525}*{box-sizing:border-box}html,body,#root{margin:0!important;padding:0!important;width:100%;height:100%}.login-page{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Arial,Helvetica,sans-serif}.login-container{width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.login-logo{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.login-logo img{display:block;width:210px;max-width:100%;height:auto;max-height:75px;object-fit:contain}.login-card{width:100%;max-width:620px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px 42px;box-shadow:0 10px 30px #0f172a12,0 4px 12px #0f172a0a}.login-header{text-align:center;margin-bottom:26px}.login-header h1{margin:0;font-size:34px;line-height:1.2;font-weight:700;color:#111827}.login-header p{margin:8px 0 0;font-size:17px;line-height:1.4;font-weight:400;color:#64748b}.login-field{width:100%;margin-bottom:19px}.login-field label{display:block;margin-bottom:8px;font-size:16px;line-height:1.3;font-weight:600;color:#111827}.login-input-wrapper{position:relative;width:100%;height:56px;display:flex;align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:9px;transition:border-color .2s ease,box-shadow .2s ease}.login-input-wrapper:focus-within{border-color:#1473e6;box-shadow:0 0 0 3px #1473e61f}.login-input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:#536171;pointer-events:none}.login-input-wrapper input{width:100%;height:100%;padding:0 55px 0 56px;border:none;outline:none;background:transparent;border-radius:9px;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1;color:#111827}.login-input-wrapper input:-webkit-autofill,.login-input-wrapper input:-webkit-autofill:hover,.login-input-wrapper input:-webkit-autofill:focus,.login-input-wrapper input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;-webkit-text-fill-color:#111827!important;transition:background-color 5000s ease-in-out 0s}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border:none;outline:none;background:transparent;color:#536171;cursor:pointer}.password-toggle:hover{color:#2167b5}.password-toggle:focus{outline:none}.login-error{margin-top:-7px;margin-bottom:15px;font-size:14px;line-height:1.4;color:#dc2626}.login-button{width:100%;height:52px;margin-top:2px;border:none;border-radius:8px;background:#2167b5;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #2167b533;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease}.login-button:hover{background:#18589e;box-shadow:0 5px 12px #2167b540}.login-button:active{transform:translateY(1px)}@media (max-height: 800px){.login-container{padding:12px 20px}.login-logo{margin-bottom:14px}.login-logo img{width:185px;max-height:58px}.login-card{padding:26px 38px}.login-header{margin-bottom:20px}.login-header h1{font-size:30px}.login-header p{margin-top:5px;font-size:16px}.login-field{margin-bottom:15px}.login-field label{margin-bottom:6px;font-size:15px}.login-input-wrapper{height:50px}.login-input-wrapper input{font-size:16px}.login-button{height:48px;font-size:16px}}@media (max-height: 650px){.login-container{padding:8px 20px}.login-logo{margin-bottom:10px}.login-logo img{width:160px;max-height:48px}.login-card{max-width:580px;padding:20px 34px}.login-header{margin-bottom:15px}.login-header h1{font-size:27px}.login-header p{font-size:14px}.login-field{margin-bottom:12px}.login-field label{margin-bottom:5px;font-size:14px}.login-input-wrapper{height:46px}.login-input-wrapper input{font-size:15px}.login-button{height:44px;font-size:15px}.login-error{margin-bottom:10px;font-size:13px}}@media (max-width: 700px){.login-container{padding:20px}.login-logo img{width:175px}.login-card{max-width:100%;padding:28px 24px;border-radius:16px}.login-header h1{font-size:29px}.login-header p{font-size:16px}.login-input-wrapper{height:52px}.login-input-wrapper input{font-size:16px}}
