/* Host-scoped stylesheet loaded only for the Madfly login screen. */
:root{color-scheme:dark}
html,html.dark-mode{background:#0b0e17!important;min-height:100%}
body.task-login,html.dark-mode body.task-login{margin:0!important;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 17% 35%,#5f61cb24 0,transparent 39%),radial-gradient(ellipse at 83% 75%,#733ab01d 0,transparent 35%),#0b0e17!important;color:#f0f1f7!important;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif!important}
body.task-login #layout{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:100vh;min-height:100dvh;height:auto!important;padding:40px 20px!important;box-sizing:border-box;overflow:visible!important;background:transparent!important}
body.task-login #layout-content.madfly-login{display:block!important;position:relative!important;flex:none!important;inset:auto!important;transform:none!important;float:none!important;width:min(450px,100%)!important;max-width:450px!important;height:auto!important;min-height:0!important;margin:0!important;padding:44px 44px 36px!important;box-sizing:border-box!important;border:1px solid #ffffff15!important;border-radius:26px!important;background:linear-gradient(140deg,#171b2a,#151821 55%,#181724)!important;box-shadow:0 22px 65px #00000030!important;overflow:hidden!important}
.madfly-login:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#7168ff 35%,#8754f3 62%,transparent)}
.madfly-emblem{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 20px;border-radius:20px;background:linear-gradient(145deg,#7365f51c,#9c60ed09);border:1px solid #9278fa18}
.madfly-login .madfly-title{display:block!important;text-align:center;font-size:30px!important;line-height:1.2!important;letter-spacing:-1px;font-weight:750!important;color:#f2f3f8!important;margin:0 0 12px!important}
.madfly-login .madfly-subtitle{text-align:center;line-height:1.6;color:#a4a8b7;font-size:15px;margin:0 0 32px!important}
body.task-login .madfly-login #login-form{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.madfly-login table,.madfly-login tbody,.madfly-login tr{display:block!important;width:100%!important;margin:0!important;box-sizing:border-box}
.madfly-login tr.form-group{margin:0 0 23px!important;padding:0!important;border:0!important;background:transparent!important}
.madfly-login td.title{display:block!important;width:100%!important;padding:0!important;margin:0 0 8px!important;float:none!important;text-align:left!important}
.madfly-login td.title label{display:block!important;margin:0!important;font-size:12px!important;font-weight:650!important;line-height:1.5!important;text-transform:uppercase;letter-spacing:.55px;color:#a6abba!important}
.madfly-login td.input{display:flex!important;position:relative!important;align-items:center;flex-wrap:nowrap!important;width:100%!important;padding:0!important;margin:0!important;float:none!important}
.madfly-login .input-group-prepend{position:absolute!important;z-index:5;left:15px;top:0;height:54px;display:flex!important;align-items:center;pointer-events:none}
.madfly-login .input-group-prepend .input-group-text{display:block!important;background:transparent!important;border:0!important;color:#9c9fae!important;font-size:18px!important;padding:0!important;width:20px;text-align:center}
body.task-login .madfly-login input.form-control:not([type=hidden]){display:block!important;box-sizing:border-box!important;flex:1!important;min-width:0!important;width:100%!important;max-width:100%!important;height:54px!important;margin:0!important;padding:12px 15px 12px 48px!important;background:#1c1f2b!important;border:1px solid #ffffff14!important;border-radius:13px!important;color:#f2f3fa!important;font-size:16px!important;line-height:1.4!important;box-shadow:none!important;outline:0!important;transition:border-color .18s,box-shadow .18s}
.madfly-login input::placeholder{color:#858998!important;opacity:1}
body.task-login .madfly-login input.form-control:focus{border-color:#8b78f0!important;box-shadow:0 0 0 3px #8271ed20!important}
.madfly-login .formbuttons{display:block!important;margin:32px 0 0!important;padding:0!important}
body.task-login .madfly-login #rcmloginsubmit{display:block!important;width:100%!important;min-height:54px!important;height:auto!important;padding:14px!important;margin:0!important;border:0!important;border-radius:13px!important;background:linear-gradient(105deg,#6662ef,#843bed)!important;color:#fff!important;font:700 15px/1.5 Inter,"Segoe UI",system-ui,sans-serif!important;text-transform:none!important;letter-spacing:0!important;box-shadow:0 7px 20px #684bf12a!important;cursor:pointer;transition:filter .18s,transform .18s}
.madfly-login #rcmloginsubmit:before,.madfly-login #rcmloginsubmit:after{display:none!important}
body.task-login .madfly-login #rcmloginsubmit:hover{filter:brightness(1.1);transform:translateY(-1px)}
body.task-login .madfly-login #rcmloginsubmit:focus-visible{outline:3px solid #baadff!important;outline-offset:3px!important}
.madfly-login #login-footer{display:block!important;text-align:center!important;margin:30px 0 0!important;padding:0!important;border:0!important;background:transparent!important;font-size:11px!important;line-height:1.7!important;color:#969bab!important;position:static!important}
.madfly-login input:-webkit-autofill{-webkit-text-fill-color:#f2f3fa!important;-webkit-box-shadow:0 0 0 1000px #1c1f2b inset!important;caret-color:#fff!important}
body.task-login #message{position:fixed!important;top:16px!important;left:50%!important;right:auto!important;transform:translateX(-50%);width:min(420px,calc(100% - 32px))!important;max-width:calc(100% - 32px)!important;z-index:1000}
@media(max-width:520px){body.task-login #layout{padding:22px 16px!important}body.task-login #layout-content.madfly-login{padding:32px 26px 28px!important;border-radius:22px!important}.madfly-emblem{width:62px;height:62px;margin-bottom:18px}.madfly-login .madfly-title{font-size:27px!important}.madfly-login .madfly-subtitle{font-size:13px;margin-bottom:28px!important}.madfly-login tr.form-group{margin-bottom:20px!important}.madfly-login #login-footer{margin-top:26px!important}}
@media(max-height:660px){body.task-login #layout{padding:18px 14px!important}body.task-login #layout-content.madfly-login{padding:24px 26px!important}.madfly-emblem{width:48px;height:48px;margin-bottom:12px}.madfly-emblem svg{width:38px;height:38px}.madfly-login .madfly-title{font-size:25px!important;margin-bottom:8px!important}.madfly-login .madfly-subtitle{margin-bottom:22px!important;font-size:13px}.madfly-login tr.form-group{margin-bottom:18px!important}.madfly-login .formbuttons{margin-top:24px!important}.madfly-login #login-footer{margin-top:22px!important}}
@media(max-width:320px){body.task-login #layout-content.madfly-login{padding-left:18px!important;padding-right:18px!important}.madfly-login .madfly-title{font-size:23px!important}}
@media(prefers-reduced-motion:reduce){.madfly-login *{transition:none!important}}

body.task-login .madfly-login #login-form{position:static!important;inset:auto!important;transform:none!important;translate:none!important;float:none!important}

/* Original Madfly brand artwork, preserved without distortion. */
.madfly-brand-logo{width:min(310px,100%);margin:0 auto 24px;line-height:0;border-radius:12px;overflow:hidden;background:#030916}
.madfly-brand-logo img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:2170/725}
@media(max-width:520px){.madfly-brand-logo{width:100%;max-width:280px;margin-bottom:20px;border-radius:10px}}
@media(max-height:660px){.madfly-brand-logo{max-width:245px;margin-bottom:16px}}

/* True-alpha Madfly artwork: no surrounding matte. */
.madfly-brand-logo{background:transparent!important;border-radius:0!important;overflow:visible!important}.madfly-brand-logo img{aspect-ratio:1929/642}
/* Match the spacious MIS card rhythm without compressing the form. */
body.task-login #layout-content.madfly-login{width:min(480px,100%)!important;max-width:480px!important;min-height:600px!important;padding:44px 44px 38px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.madfly-brand-logo{width:100%!important;max-width:330px!important;margin:0 auto 42px!important;flex:none!important}
body.task-login .madfly-login #login-form{flex:none!important}
.madfly-login td.title{margin-bottom:10px!important}
.madfly-login td.title label{font-size:13px!important;line-height:1.6!important;letter-spacing:.65px!important}
.madfly-login tr.form-group{margin-bottom:28px!important}
body.task-login .madfly-login input.form-control:not([type=hidden]){height:56px!important;border-radius:13px!important;padding-top:14px!important;padding-bottom:14px!important}
.madfly-login .input-group-prepend{height:56px!important}
.madfly-login .formbuttons{margin-top:34px!important}
body.task-login .madfly-login #rcmloginsubmit{min-height:56px!important;font-size:16px!important}
.madfly-login #login-footer{margin-top:36px!important;font-size:12px!important}
@media(max-width:620px){body.task-login #layout{padding:24px 18px!important}body.task-login #layout-content.madfly-login{min-height:0!important;padding:34px 28px 30px!important;border-radius:24px!important}.madfly-brand-logo{max-width:310px!important;margin-bottom:36px!important}.madfly-login tr.form-group{margin-bottom:25px!important}.madfly-login .formbuttons{margin-top:30px!important}.madfly-login #login-footer{margin-top:30px!important;font-size:11px!important}}
@media(max-width:350px){body.task-login #layout{padding:18px 12px!important}body.task-login #layout-content.madfly-login{padding:30px 22px 26px!important}.madfly-login td.title label{font-size:12px!important}.madfly-brand-logo{margin-bottom:32px!important}.madfly-login .formbuttons{margin-top:26px!important}.madfly-login #login-footer{margin-top:28px!important}}
@media(max-height:660px) and (min-width:621px){body.task-login #layout{padding:24px 20px!important}body.task-login #layout-content.madfly-login{min-height:0!important;padding:34px 40px!important}.madfly-brand-logo{max-width:290px!important;margin-bottom:34px!important}}