.login-page{display:grid;place-items:center;min-height:100dvh;padding:40px 24px;background:radial-gradient(ellipse at 15% 20%,#d9e6f9,transparent 50%),radial-gradient(ellipse at 95% 95%,#d4e4ee,transparent 50%),#eff4fa;background-size:cover;background-position:center}.login-shell{display:grid;grid-template-columns:1.1fr 1fr;width:min(100%,1030px);min-height:620px;border:1px solid #ffffffcf;border-radius:22px;overflow:hidden;box-shadow:0 20px 80px #193e5910}.login-intro{color:#d5e3f2;background:radial-gradient(ellipse at 90% 80%,#1e578369,transparent 60%),repeating-linear-gradient(45deg,transparent 0,transparent 58px,#ffffff03 58px,#ffffff03 59px),#14334f;padding:38px 40px;display:flex;flex-direction:column}.login-brand{display:flex;align-items:center;gap:14px}.login-brand-mark{width:46px;height:46px;padding:5px;background:#fff;border-radius:12px;display:block;flex-shrink:0}.login-brand-mark img{width:100%;height:100%;object-fit:contain}.login-brand strong{font:600 14px var(--heading-font);max-width:190px;line-height:1.6;color:#edf6ff}.login-intro-content{margin:auto 0;padding:40px 0}.login-intro .eyebrow{color:#91b1d3;font-size:12px;letter-spacing:2px}.login-intro h1{font-size:39px;letter-spacing:-1.6px;line-height:1.4;font-weight:700;margin:15px 0 18px;color:#fff}.login-intro h1 span{color:#73b9fa}.login-intro-content p{font-size:13px;line-height:1.9;color:#9cb7d2;max-width:315px}.login-source{display:flex;gap:14px;align-items:center;margin-top:28px;font-size:12px;color:#a6c0d9}.login-source span{border:1px solid #ffffff1c;background:#ffffff05;border-radius:6px;padding:8px 11px}.login-source i{font-style:normal;color:#658aaf}.login-intro-footer{font-size:12px;color:#789abc}.login-card{background:#ffffffed;backdrop-filter:blur(12px);padding:80px 48px 34px;display:flex;flex-direction:column;justify-content:center}.login-form-heading .eyebrow{font-size:12px;color:#7b95b1;letter-spacing:1.4px}.login-form-heading h2{font-size:24px;letter-spacing:-.7px;margin:9px 0}.login-form-heading p{font-size:12px;color:#8c9cb0;line-height:1.8;margin-bottom:30px}.field{margin-bottom:19px}.field label{display:block;font-size:12px;color:#5b7390;font-weight:600;margin-bottom:8px}.field input{font:13px var(--site-font),sans-serif;width:100%;min-height:46px;padding:12px 14px;border:1px solid #dfe7f0;border-radius:8px;background:#fbfcfe;color:#254767}.field input::placeholder{color:#a5b2c1}.field input:focus{border-color:#6b9ad7;outline:2px solid #dceafc}.btn-login{width:100%;border:0;border-radius:8px;background:var(--blue);color:#fff;min-height:46px;font-weight:600;font-size:12px;margin-top:6px}.btn-login:hover{background:#1f5dbe}.error-msg{display:none;color:#b34d45;font-size:12px;line-height:1.8;margin-top:14px}.login-assistance{font-size:12px;color:#96a5b7;line-height:1.9;margin-top:21px;text-align:center}.login-footer{font-size:12px;color:#a5b0c0;margin-top:auto;padding-top:35px;text-align:center}
.settings-page{background:var(--bg);font-family:var(--site-font),sans-serif;color:var(--text)}.settings-page .lb{width:248px;background:radial-gradient(ellipse at 0 0,#1e4163,transparent 65%),var(--sidebar);padding:30px 0 15px;z-index:1100;overflow-y:auto}.settings-page .lb .br{font:700 16px var(--heading-font);line-height:1.5;padding:0 25px 25px;color:#fff}.settings-page .br small{display:block;font:10px var(--site-font),sans-serif;color:#8fa9c5;margin-top:7px}.settings-page .nl{font-size:12px;letter-spacing:1.5px;color:#7c98b5;padding:15px 25px 7px}.settings-page .ni{font-size:12px;color:#a9bfd5;padding:12px 24px;border-left:3px solid transparent}.settings-page .ni.on{background:#2468d725;color:#eaf4ff;border-color:#68a0eb}.settings-page .sm{margin-left:248px;width:calc(100% - 248px);max-width:calc(100% - 248px);min-width:0;padding:34px 38px}.settings-page .st{margin-bottom:25px}.settings-page .st h1{font:800 27px var(--heading-font);letter-spacing:-.8px}.settings-page .st p{margin-top:8px}.settings-page .sp{border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);margin-bottom:22px}.settings-page .sh{font:700 14px var(--heading-font);padding:20px 24px;color:#3f5e7b;border-color:#edf2f7}.settings-page .sb{padding:24px;overflow-x:auto}.settings-page .f{margin-bottom:18px}.settings-page .f label{font-size:12px;color:#738aa3;margin-bottom:8px}.settings-page .f input,.settings-page .f select{border:1px solid #dfe7f1;border-radius:8px;min-height:43px;font-size:12px;padding:10px 13px;background:#fcfdff;color:#365875}.settings-page .b1{min-height:38px;font-size:12px;padding:9px 15px;border-radius:8px}.settings-page .b1.bp{background:var(--blue)}.settings-page .b1.bo{border-color:#dfe7f0;color:#607c99}.settings-page .uz{border:1px dashed #b8cce3;background:#f7faff;color:#6c88a6;font-size:12px;padding:35px 22px;min-height:94px;border-radius:10px}.settings-page .tb{font-size:12px;min-width:590px}.settings-page .tb th{font-size:12px;letter-spacing:.7px;color:#8b9db1;padding:13px 15px;background:#f6f9fd}.settings-page .tb td{padding:13px 15px;font-size:12px;border-color:#edf2f7}.settings-page .s-hamburger{background:var(--sidebar);width:44px;height:44px;z-index:1200}.settings-page .s-overlay{z-index:1090;background:#0d203e70;backdrop-filter:blur(3px)}
@media(max-width:1023px){.login-shell{min-height:570px}.login-intro{padding:32px}.login-intro h1{font-size:33px}.login-card{padding:55px 32px 28px}.settings-page .sm{padding:28px 24px}.settings-page .r2{grid-template-columns:1fr}}
@media(max-width:767px){.login-page{padding:20px 16px}.login-shell{display:block;width:min(100%,430px);border-radius:16px;min-height:0}.login-intro{padding:22px 24px}.login-brand-mark{width:39px;height:39px}.login-brand strong{font-size:12px;max-width:none}.login-intro-content,.login-intro-footer{display:none}.login-card{padding:30px 24px 25px}.login-form-heading h2{font-size:23px}.field input{font-size:16px}.login-footer{margin-top:20px;padding-top:16px}.settings-page .lb{width:248px;display:none}.settings-page .lb.open{display:flex}.settings-page .sm{margin-left:0;width:100%;max-width:100%;padding:76px 16px 24px}.settings-page .st h1{font-size:24px}.settings-page .sb{padding:18px}.settings-page .sh{padding:17px 18px}.settings-page .f input,.settings-page .f select{font-size:16px;min-height:44px}.settings-page .b1{min-height:44px}.settings-page .sh .b1{float:none!important;margin:8px 0 0 8px}}
