:root{--login-accent:#5eba00;--login-accent-dark:#397700}.theme-purple{--login-accent:#a55eea;--login-accent-dark:#7135ad}.theme-blue{--login-accent:#467fcf;--login-accent-dark:#285b9f}.theme-cyan{--login-accent:#17a2b8;--login-accent-dark:#08768a}.theme-green{--login-accent:#5eba00;--login-accent-dark:#397700}.theme-orange{--login-accent:#fd9644;--login-accent-dark:#cf6820}.theme-blush{--login-accent:#e25985;--login-accent-dark:#ae315b}
body.login-page{min-height:100vh;margin:0;overflow-x:hidden;background:var(--login-background,#f4f7f6);color:#172033;font-family:"Montserrat",Arial,sans-serif}body.login-page::before{position:fixed;z-index:-2;inset:0;background-image:var(--login-image,none);background-position:center;background-size:cover;content:""}body.login-page::after{position:fixed;z-index:-1;inset:0;background:linear-gradient(125deg,rgba(10,18,35,.78),rgba(10,18,35,.34));content:""}
.login-page .login-shell{display:grid;width:min(1160px,calc(100% - 48px));min-height:680px;margin:50vh auto 0;overflow:hidden;grid-template-columns:1.15fr .85fr;border:1px solid rgba(255,255,255,.28);border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 30px 80px rgba(10,18,35,.28);transform:translateY(-50%)}.login-brand-panel{position:relative;display:flex;padding:48px 54px;overflow:hidden;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,var(--login-accent-dark),var(--login-accent));color:#fff}.login-brand-panel::after{position:absolute;right:-130px;bottom:-170px;width:430px;height:430px;border:70px solid rgba(255,255,255,.08);border-radius:50%;content:""}
.login-brand{display:flex;z-index:1;align-items:center;gap:14px;font-size:1.12rem;font-weight:750}.login-logo-wrap{display:grid;width:52px;height:52px;padding:7px;place-items:center;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.13)}.login-logo-wrap img{max-width:100%;max-height:100%;object-fit:contain}.login-message{z-index:1;max-width:510px}.login-eyebrow{display:inline-flex;padding:8px 13px;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.1);font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.login-eyebrow i{font-size:.48rem}.login-message h1{margin:24px 0 14px;color:#fff;font-size:clamp(2.5rem,5vw,4.4rem);font-weight:800;line-height:1.04;letter-spacing:-.045em}.login-message p{max-width:450px;margin:0;color:rgba(255,255,255,.84);font-size:1.04rem;line-height:1.7}.login-features{display:flex;margin-top:30px;flex-wrap:wrap;gap:11px}.login-features span{padding:9px 13px;border-radius:10px;background:rgba(255,255,255,.12);font-size:.82rem;font-weight:650}.login-features i{margin-right:5px}.login-copyright{z-index:1;color:rgba(255,255,255,.66)}
.login-access-panel{display:grid;padding:54px;place-items:center;background:rgba(255,255,255,.96)}.login-card{width:100%;max-width:380px}.login-card-header{display:flex;margin-bottom:38px;align-items:center;gap:15px}.login-card-icon{display:grid;width:49px;height:49px;flex:0 0 auto;place-items:center;border-radius:14px;background:#eef3f8;color:var(--login-accent-dark);font-size:1.25rem}.login-card-header h2{margin:0 0 4px;color:#172033;font-size:1.65rem;font-weight:800}.login-card-header p{margin:0;color:#7a8496;font-size:.88rem}.login-field{margin-bottom:20px}.login-field label{margin-bottom:8px;color:#344054;font-size:.82rem;font-weight:700}.login-input-wrap{position:relative}.login-input-wrap>i{position:absolute;z-index:2;top:50%;left:16px;color:#98a2b3;transform:translateY(-50%)}.login-page .login-input-wrap .form-control{height:52px;padding:0 16px 0 45px;border:1px solid #d8dee8;border-radius:12px;background:#f8fafc;color:#172033;box-shadow:none;transition:.2s ease}.login-page .login-input-wrap .form-control:focus{border-color:var(--login-accent);background:#fff;box-shadow:0 0 0 4px rgba(70,127,207,.13)}.login-submit{display:flex;width:100%;height:52px;margin-top:28px;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--login-accent),var(--login-accent-dark));color:#fff;font-weight:750;box-shadow:0 12px 24px rgba(30,60,90,.22)}.login-submit:hover,.login-submit:focus{color:#fff;filter:brightness(1.04);transform:translateY(-1px)}
@media(max-width:900px){.login-page .login-shell{width:min(620px,calc(100% - 28px));min-height:auto;margin:28px auto;grid-template-columns:1fr;transform:none}.login-brand-panel{min-height:330px;padding:32px}.login-message{margin:50px 0}.login-message h1{font-size:2.7rem}.login-access-panel{padding:42px 32px}}@media(max-width:480px){.login-page .login-shell{width:calc(100% - 20px);margin:10px auto;border-radius:20px}.login-brand-panel{min-height:280px;padding:25px}.login-message{margin:35px 0 20px}.login-message h1{margin-top:16px;font-size:2.15rem}.login-features,.login-copyright{display:none}.login-access-panel{padding:34px 24px}}