#authScreen{min-height:100vh;min-height:100svh;padding:48px 24px;background:radial-gradient(ellipse at 15% 15%,#dceee9 0,transparent 48%),radial-gradient(ellipse at 90% 90%,#e2eaf1 0,transparent 50%),#f4f7f8;font-family:Arial,Tahoma,sans-serif;line-height:1.6}
#authScreen .auth-card{position:relative;width:min(460px,100%);padding:42px;border:1px solid #fff;border-radius:28px;box-shadow:0 24px 80px #163c4c12;background:#ffffffef}
#authScreen .auth-brand{margin-bottom:30px;text-align:center}
#authScreen .brand-mark{width:62px;height:62px;margin:0 auto 16px;border-radius:20px;font-size:30px;box-shadow:0 8px 22px #14877c26;background:linear-gradient(145deg,#249e90,#11776e)}
#authScreen .auth-brand h1{font-family:inherit;font-size:34px;font-weight:700;line-height:1.4;color:#153549;margin:0}
#authScreen .auth-brand p{font-size:14px;color:#6a7c88;margin:5px 0 0}
#authScreen .auth-welcome{font-size:17px;font-weight:600;color:#244657;margin:0 0 20px;text-align:center}
#authScreen .auth-form{gap:18px}
#authScreen .field{display:grid;gap:8px;min-width:0}
#authScreen .field label{font-size:13px;font-weight:600;color:#405967;margin:0}
#authScreen input{font-family:inherit;font-size:16px;width:100%;min-width:0;min-height:52px;padding:12px 15px;border:1px solid #dbe4e8;border-radius:12px;background:#fbfcfd;color:#183747;box-shadow:none;transition:border-color .15s,box-shadow .15s}
#authScreen input:focus{outline:0;border-color:#14877c;box-shadow:0 0 0 3px #14877c18;background:#fff}
#authScreen #loginUsername{direction:ltr;text-align:left}
#authScreen .auth-error{font-size:13px;min-height:0;line-height:1.6}
#authScreen .auth-error:empty{display:none}
#authScreen .auth-form .btn{font-family:inherit;min-height:52px;border-radius:12px;font-size:16px;font-weight:700;margin-top:6px;box-shadow:0 6px 16px #14877c18}
#authScreen .auth-note{border:0;border-top:1px solid #edf1f3;background:transparent;border-radius:0;padding:20px 0 0;margin:26px 0 0;text-align:center;font-size:12px;color:#7a8a94}
@media(min-width:1000px){#authScreen .auth-card{padding:48px;width:480px}}
@media(max-width:600px){#authScreen{padding:28px 18px}#authScreen .auth-card{padding:30px 24px;border-radius:24px}#authScreen .auth-brand{margin-bottom:25px}#authScreen .auth-brand h1{font-size:30px}#authScreen .brand-mark{width:56px;height:56px;border-radius:18px}#authScreen .auth-note{margin-top:22px;padding-top:18px}}
@media(max-width:360px){#authScreen{padding:20px 12px}#authScreen .auth-card{padding:26px 18px}}