/* Nhà thuốc Kim Thoa - Login UI V4.8 */
.mf-login-body{margin:0;font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif;font-optical-sizing:auto;font-feature-settings:"cv02","cv03","cv04","cv11";background:#eef4fb;color:#0f1d33;min-height:100vh;overflow-x:hidden}
.mf-login-body *{box-sizing:border-box}
.mf-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.72fr) minmax(430px,.72fr);background:#fff}
.mf-login-hero{position:relative;min-height:100vh;overflow:hidden;padding:44px 62px 30px;background:radial-gradient(circle at 15% 10%,#245cb5 0,#123c7a 18%,#0c2d5a 38%,#081a34 68%,#071426 100%);color:#fff;isolation:isolate}
.mf-login-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(28,120,255,.08),transparent 45%),radial-gradient(circle at 75% 84%,rgba(0,189,255,.12),transparent 32%);z-index:-3}
.mf-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:-2}.mf-orb-1{width:620px;height:620px;left:-250px;top:-340px;border:1px solid rgba(115,180,255,.14);box-shadow:0 0 0 88px rgba(75,138,242,.06),0 0 0 176px rgba(75,138,242,.035)}.mf-orb-2{width:500px;height:500px;right:-220px;top:-180px;border:1px solid rgba(123,181,255,.1);box-shadow:0 0 0 76px rgba(255,255,255,.025),0 0 0 150px rgba(255,255,255,.018)}.mf-orb-3{width:520px;height:520px;left:42%;bottom:-410px;background:radial-gradient(circle,rgba(38,127,255,.19),transparent 66%);filter:blur(8px)}
.mf-login-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;position:relative;z-index:2}.mf-login-logo{display:flex;align-items:center;gap:13px}.mf-login-logo-mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#2f91ff,#45d4bd);display:grid;place-items:center;font-size:20px;font-weight:950;color:#fff;box-shadow:0 12px 30px rgba(36,146,255,.28)}.mf-login-logo strong{display:block;font-size:22px;line-height:1.1}.mf-login-logo span{display:block;margin-top:4px;font-size:12px;color:#8eadd3}.mf-login-companion{display:flex;gap:14px;align-items:flex-start;color:#98afd0;font-size:12px;line-height:1.55;margin-top:4px}.mf-login-companion>span{display:block;width:38px;height:1px;background:#5278a5;margin-top:10px}.mf-login-companion p{margin:0}
.mf-login-hero-content{display:grid;grid-template-columns:minmax(410px,.82fr) minmax(470px,1.18fr);align-items:center;gap:28px;min-height:calc(100vh - 150px);max-width:1260px;margin:0 auto}.mf-login-copy{position:relative;z-index:3;padding:20px 0 64px}.mf-login-eyebrow{font-size:10px;font-weight:900;letter-spacing:.16em;color:#72b8ff;margin-bottom:18px}.mf-login-copy h1{font-size:clamp(43px,4.2vw,66px);line-height:1.02;letter-spacing:-.045em;margin:0;max-width:690px;font-weight:900}.mf-login-copy h1 em{font-style:normal;background:linear-gradient(90deg,#75d8ff,#2e9dff,#38d4c0);-webkit-background-clip:text;background-clip:text;color:transparent}.mf-login-lead{max-width:590px;font-size:15px;line-height:1.85;color:#9eb6d4;margin:25px 0 0}.mf-login-features{display:flex;align-items:stretch;gap:13px;margin-top:32px;flex-wrap:wrap}.mf-feature-item{display:flex;align-items:center;gap:10px;min-width:155px;padding:11px 13px;border:1px solid rgba(127,177,235,.16);background:linear-gradient(180deg,rgba(65,128,210,.16),rgba(22,66,125,.12));border-radius:14px;backdrop-filter:blur(10px)}.mf-feature-icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,rgba(44,135,255,.45),rgba(48,187,200,.28));display:grid;place-items:center;color:#9cd8ff;box-shadow:inset 0 0 0 1px rgba(157,216,255,.08)}.mf-feature-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mf-feature-item strong{display:block;font-size:11px;color:#eef7ff}.mf-feature-item span{display:block;font-size:9px;color:#7f9cbe;margin-top:2px}.mf-login-tagline{display:flex;align-items:center;gap:12px;margin-top:38px;font-size:9px;font-weight:800;letter-spacing:.2em;color:#7795b7}.mf-login-tagline>span{width:36px;height:1px;background:#54cbff}
.mf-login-dashboard-wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:620px;transform:translateY(20px)}.mf-dashboard-glow{position:absolute;width:74%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(40,127,255,.35),rgba(34,113,255,.08) 46%,transparent 72%);filter:blur(24px)}.mf-login-dashboard-img{position:relative;width:min(100%,620px);height:auto;border-radius:30px;filter:drop-shadow(0 32px 50px rgba(0,0,0,.35));transform:perspective(1300px) rotateY(-4deg) rotateX(1deg);mask-image:linear-gradient(to bottom,#000 0,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 92%,transparent 100%)}.mf-floating-pill{position:absolute;border-radius:99px;background:linear-gradient(180deg,#eff6ff,#c8d7ee);box-shadow:0 9px 18px rgba(0,0,0,.18)}.mf-floating-pill-a{width:52px;height:20px;left:20%;bottom:100px;transform:rotate(12deg)}.mf-floating-pill-a:after{content:"";position:absolute;width:48%;inset:0 auto 0 0;border-radius:99px 0 0 99px;background:linear-gradient(180deg,#1e93ff,#0d63cf)}.mf-floating-pill-b{width:44px;height:17px;left:29%;bottom:78px;transform:rotate(-10deg)}.mf-floating-pill-b:after{content:"";position:absolute;width:50%;inset:0 0 0 auto;border-radius:0 99px 99px 0;background:linear-gradient(180deg,#3aa6ff,#0d6ad7)}.mf-login-hero-foot{position:absolute;left:62px;bottom:28px;font-size:10px;color:#5e7fa6;letter-spacing:.04em}
.mf-login-panel{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:44px;background:linear-gradient(150deg,#f8fbff 0,#edf5ff 58%,#f8fbff 100%);overflow:hidden}.mf-panel-shape{position:absolute;border-radius:999px;border:1px solid rgba(25,119,255,.05)}.mf-panel-shape-1{width:410px;height:410px;right:-260px;top:80px;box-shadow:0 0 0 80px rgba(23,119,255,.025),0 0 0 155px rgba(23,119,255,.015)}.mf-panel-shape-2{width:270px;height:270px;left:-160px;bottom:-80px;background:linear-gradient(135deg,rgba(22,119,255,.055),rgba(37,198,185,.025));transform:rotate(25deg)}.mf-login-panel-inner{position:relative;z-index:2;width:100%;max-width:500px}.mf-login-mobile-brand{display:none}.mf-login-card{position:relative;width:100%;padding:40px 42px 34px;border-radius:26px;background:rgba(255,255,255,.91);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 80px rgba(27,61,112,.12),0 4px 18px rgba(29,72,129,.06);backdrop-filter:blur(24px)}.mf-login-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.7),transparent 38%)}.mf-login-card-brand{display:flex;align-items:center;gap:13px;margin-bottom:34px;position:relative}.mf-login-card-brand .mf-login-logo-mark{width:50px;height:50px}.mf-login-card-brand strong{display:block;font-size:22px;line-height:1.1}.mf-login-card-brand span{display:block;color:#75849a;font-size:12px;margin-top:3px}.mf-login-card-head{position:relative;margin-bottom:27px}.mf-welcome-icon{display:none}.mf-login-card-head h2{font-size:30px;line-height:1.12;letter-spacing:-.035em;margin:0;color:#101d32;font-weight:900}.mf-login-card-head p{font-size:13px;line-height:1.65;color:#78879a;margin:10px 0 0;max-width:400px}.mf-login-error{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid #ffd2d7;background:#fff4f5;color:#a62835;border-radius:12px;margin-bottom:18px;font-size:12px}.mf-login-error>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#dc3545;color:#fff;font-weight:900;flex:0 0 auto}.mf-login-field{margin-bottom:18px}.mf-login-field label{display:block;font-size:11px;font-weight:800;color:#31435e;margin-bottom:7px}.mf-login-control{height:54px;border:1px solid #d6e0ec;border-radius:13px;background:#f9fbfe;display:flex;align-items:center;padding:0 13px;transition:.18s ease;box-shadow:inset 0 1px 2px rgba(19,42,72,.02)}.mf-login-control:focus-within{border-color:#5aa2ff;background:#fff;box-shadow:0 0 0 4px rgba(36,130,255,.11),0 7px 18px rgba(42,114,220,.06)}.mf-login-control.is-error{border-color:#f18a96}.mf-login-control>svg{width:19px;height:19px;fill:none;stroke:#7589a4;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.mf-login-control input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;padding:0 11px;color:#16233a;font-size:13px}.mf-login-control input::placeholder{color:#a0adbd}.mf-password-toggle{width:36px;height:36px;border:0;background:transparent;display:grid;place-items:center;border-radius:9px;cursor:pointer;color:#7e8ea5;padding:0}.mf-password-toggle:hover{background:#eef4fb;color:#1a73e8}.mf-password-toggle svg{grid-area:1/1;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mf-password-toggle .eye-closed{display:none}.mf-password-toggle.is-visible .eye-open{display:none}.mf-password-toggle.is-visible .eye-closed{display:block}.mf-login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 22px}.mf-remember{display:inline-flex;align-items:center;gap:9px;cursor:pointer;color:#66758b;font-size:12px;user-select:none}.mf-remember input{position:absolute;opacity:0;pointer-events:none}.mf-checkmark{width:19px;height:19px;border-radius:6px;border:1px solid #cad6e5;background:#fff;display:grid;place-items:center;transition:.18s}.mf-checkmark svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0}.mf-remember input:checked+.mf-checkmark{background:linear-gradient(135deg,#1677ff,#2792ff);border-color:#1677ff;box-shadow:0 4px 10px rgba(22,119,255,.2)}.mf-remember input:checked+.mf-checkmark svg{opacity:1}.mf-security-note{color:#94a0b0;font-size:10px}.mf-login-submit{width:100%;height:56px;border:0;border-radius:13px;background:linear-gradient(90deg,#146fff,#2595ff 55%,#20a4ff);color:#fff;font-size:14px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:11px;cursor:pointer;box-shadow:0 14px 28px rgba(28,126,255,.23);transition:.18s ease}.mf-login-submit:hover{transform:translateY(-1px);box-shadow:0 17px 34px rgba(28,126,255,.29);filter:saturate(1.05)}.mf-login-submit:active{transform:translateY(0)}.mf-login-submit svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mf-login-trust{display:grid;grid-template-columns:1fr auto 1fr;gap:11px;align-items:center;margin-top:28px;color:#98a5b5;font-size:9px;white-space:nowrap}.mf-login-trust>span{height:1px;background:#e2e8f0}.mf-login-trust p{margin:0}.mf-login-mobile-brand{align-items:center;gap:10px;margin-bottom:22px}.mf-login-mobile-brand strong{display:block;font-size:19px}.mf-login-mobile-brand span{display:block;color:#7f8ca0;font-size:10px;margin-top:2px}
@media(max-width:1450px){.mf-login-shell{grid-template-columns:minmax(0,1.5fr) minmax(410px,.78fr)}.mf-login-hero{padding-left:48px;padding-right:48px}.mf-login-hero-content{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);gap:12px}.mf-login-copy h1{font-size:clamp(40px,4vw,56px)}.mf-login-lead{font-size:14px}.mf-login-dashboard-img{width:min(96%,570px)}.mf-login-panel{padding:34px}.mf-login-card{padding:34px 34px 30px}}
@media(max-width:1180px){.mf-login-shell{grid-template-columns:1.18fr .82fr}.mf-login-hero{padding:38px 36px}.mf-login-hero-content{grid-template-columns:1fr;align-content:center;max-width:620px;margin-left:0}.mf-login-copy{padding-bottom:0}.mf-login-dashboard-wrap{display:none}.mf-login-copy h1{font-size:50px}.mf-login-companion{display:none}.mf-login-features{max-width:560px}.mf-login-panel{padding:28px}.mf-login-hero-foot{left:36px}.mf-login-card{padding:32px}}
@media(max-width:900px){.mf-login-shell{display:block;background:linear-gradient(180deg,#f0f6ff,#fff)}.mf-login-hero{display:none}.mf-login-panel{min-height:100vh;padding:28px 18px 40px;align-items:center}.mf-login-mobile-brand{display:flex;max-width:460px;margin:0 auto 22px}.mf-login-panel-inner{max-width:470px}.mf-login-card{padding:32px 28px 28px;border-radius:22px}.mf-login-card-brand{display:none}.mf-login-card-head h2{font-size:28px}.mf-panel-shape-1{right:-330px}.mf-panel-shape-2{left:-180px}}
@media(max-width:480px){.mf-login-panel{padding:20px 14px 30px;align-items:flex-start}.mf-login-panel-inner{padding-top:20px}.mf-login-mobile-brand .mf-login-logo-mark{width:43px;height:43px;border-radius:12px}.mf-login-card{padding:26px 20px 22px;border-radius:18px}.mf-login-card-head h2{font-size:25px}.mf-login-card-head p{font-size:12px}.mf-login-control{height:52px}.mf-login-options{align-items:flex-start}.mf-security-note{display:none}.mf-login-submit{height:54px}.mf-login-trust{font-size:8px;gap:8px}}
@media(max-height:720px) and (min-width:901px){.mf-login-panel{padding-top:24px;padding-bottom:24px}.mf-login-card{padding-top:28px;padding-bottom:24px}.mf-login-card-brand{margin-bottom:22px}.mf-login-card-head{margin-bottom:18px}.mf-login-card-head h2{font-size:27px}.mf-login-field{margin-bottom:13px}.mf-login-options{margin-bottom:17px}.mf-login-trust{margin-top:20px}.mf-login-copy h1{font-size:48px}.mf-login-features{margin-top:22px}.mf-login-tagline{margin-top:25px}}