*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tahoma,"Segoe UI",Arial,sans-serif}body{background:#091a2a;color:#f1f7fb;overflow-x:hidden}
.df-login{position:relative;isolation:isolate;min-height:100vh;display:flex;flex-direction:column}
.df-bg,.df-overlay{position:fixed;inset:0;pointer-events:none}.df-bg{z-index:-2;background-image:url('/static/darflow_login_hero_v52.webp');background-size:cover;background-position:center center}.df-overlay{z-index:-1;background:linear-gradient(90deg,rgba(3,14,30,.06) 0%,rgba(3,14,30,.07) 48%,rgba(3,14,30,.28) 100%)}
.df-topbar{width:100%;padding:30px 5% 0;display:flex;justify-content:flex-end}.df-tagline{font-size:12px;color:#e3f6fb;text-shadow:0 2px 7px #00182b}
.df-shell{width:100%;flex:1;display:flex;justify-content:flex-start;align-items:center;padding:36px 8% 64px;direction:rtl}.df-card-wrap{width:min(390px,100%)}
.df-form-panel{width:100%;border-radius:24px;padding:26px 25px 21px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.8);color:#203b4c;box-shadow:0 20px 65px rgba(1,17,34,.3);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.df-brand{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.df-brand strong{font-weight:800;font-size:33px;line-height:1.3;color:#12859c}.df-brand small{display:block;color:#6e8494;font-size:11px;line-height:1.7}.df-emblem{width:50px;height:50px;display:grid;place-items:center;background:linear-gradient(150deg,#31c7cc,#1979a1);color:white;font-size:29px;border-radius:15px;flex-shrink:0}
.df-welcome h2{font-size:17px;color:#1f394b;margin:0 0 5px}.df-welcome p{font-size:11px;color:#698091;margin:0 0 17px;line-height:1.9}
.df-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 0 17px;padding:5px;background:#edf4f7;border:1px solid #d6e4ec;border-radius:12px}.df-switch button{font:700 12px Tahoma,Arial,sans-serif;padding:11px 5px;background:none;border:0;border-radius:9px;color:#476579;cursor:pointer}.df-switch button[aria-selected=true]{background:#178aa4;color:white;box-shadow:0 4px 12px #1a809133}
.df-login-form{display:grid;gap:8px}.df-login-form[hidden]{display:none}.df-login-form>label{font-size:11px;color:#385971;margin-top:1px}.df-field{height:45px;border:1px solid #cbdce7;background:#fff;border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 12px}.df-field:focus-within{border-color:#16a3bc;box-shadow:0 0 0 3px #1fc2cf25}.df-field>span{font-size:14px;opacity:.65}.df-field input{flex:1;min-width:0;padding:0!important;border:0!important;background:transparent!important;outline:none!important;color:#253e54!important;font:12px Tahoma,Arial,sans-serif;direction:ltr;text-align:left}.df-field input::placeholder{color:#96a9b6}.df-eye{border:0;background:transparent;color:#167f98;font:11px Tahoma;cursor:pointer}
.df-submit{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;margin:10px 0 0;padding:13px 10px;border:none;border-radius:10px;background:linear-gradient(100deg,#126c98,#18b5bc);color:#fff;font:700 13px Tahoma,Arial;cursor:pointer}.df-submit:hover{filter:brightness(1.08)}.df-help{display:flex;justify-content:center;margin-top:16px;font-size:11px}.df-help a{color:#107b98;text-decoration:none;font-weight:700}
.df-notice{padding:9px 11px;border-radius:9px;font-size:11px;line-height:1.9;margin-bottom:12px}.df-error{color:#8b203a;background:#fff0f3;border:1px solid #f2bdc8}.df-ok{color:#176c4c;background:#eafaf0;border:1px solid #a9d5bd}
@media(max-width:850px){.df-topbar{justify-content:center;padding:18px}.df-shell{justify-content:center;padding:20px 14px 40px}.df-overlay{background:rgba(3,16,31,.36)}.df-card-wrap{width:min(390px,100%)}}
@media(max-width:430px){.df-form-panel{border-radius:18px;padding:22px 18px 18px}.df-brand strong{font-size:28px}.df-tagline{font-size:10px}}

/* DarFlow V55: legible, uninterrupted username and password fields */
.df-form-panel .df-login-form {gap:10px}
.df-form-panel .df-login-form>label {font-size:12px;font-weight:700;color:#28475b;margin:3px 0 0}
.df-form-panel .df-field {height:51px;width:100%;display:flex;direction:rtl;align-items:center;gap:8px;padding:0 12px;border:1.5px solid #b8d0df;border-radius:11px;background:#fff;overflow:hidden;transition:border-color .18s,box-shadow .18s}
.df-form-panel .df-field:focus-within {border-color:#0c9db7;box-shadow:0 0 0 3px rgba(25,170,195,.13)}
.df-form-panel .df-field>span {flex:0 0 20px;min-width:20px;text-align:center;line-height:1;opacity:.7;font-size:15px}
.df-form-panel .df-field input,.df-form-panel .df-field input[type=password],.df-form-panel .df-field input[type=text] {display:block;flex:1 1 auto;width:100%;min-width:0;min-height:0;height:46px!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0 4px!important;background:#fff!important;color:#17374b!important;font:500 15px/1.5 "Segoe UI",Tahoma,Arial,sans-serif!important;letter-spacing:.1px;direction:ltr;text-align:left;outline:none!important;appearance:none;-webkit-appearance:none}
.df-form-panel .df-field input::placeholder {color:#8198a8;opacity:1}
.df-form-panel .df-field input:-webkit-autofill,.df-form-panel .df-field input:-webkit-autofill:hover,.df-form-panel .df-field input:-webkit-autofill:focus,.df-form-panel .df-field input:-webkit-autofill:active { -webkit-text-fill-color:#17374b!important; -webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important;caret-color:#17374b;transition:background-color 9999s ease-out 0s}
.df-form-panel .df-eye {flex:0 0 auto;padding:7px 4px;background:transparent;color:#147e96;font-size:12px;font-weight:600;min-width:43px}
.df-form-panel .df-eye:hover {color:#055e73}
.df-form-panel .df-login-form .df-submit {margin-top:11px}

/* V56: remove username and password decorative icons, preserve password visibility toggle */
.df-form-panel .df-field > span[aria-hidden="true"]{display:none!important}
.df-form-panel .df-field{gap:6px}