/* HYRA POS authentication - Space Dynamic palette */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
body{
 min-height:100vh!important;margin:0!important;padding:24px!important;
 display:flex;align-items:center;justify-content:center;
 font-family:'Poppins',Arial,sans-serif!important;color:#27384d!important;
 background:
  radial-gradient(circle at 12% 14%,rgba(3,164,237,.15),transparent 24rem),
  radial-gradient(circle at 90% 88%,rgba(254,63,64,.10),transparent 22rem),
  linear-gradient(135deg,#f7fbff,#eef6fc 55%,#fff7f7)!important;
 position:relative;overflow:hidden;
}
body:before,body:after{
 content:"";position:fixed;pointer-events:none;opacity:.12;z-index:0;
 background-repeat:no-repeat;background-size:contain;
}
body:before{width:360px;height:280px;left:-75px;top:-35px;background-image:url("space-dynamic/images/baner-dec-left.png")}
body:after{width:360px;height:280px;right:-80px;bottom:-35px;background-image:url("space-dynamic/images/baner-dec-right.png")}
.login-card{
 position:relative;z-index:1;width:min(100%,440px)!important;padding:40px!important;
 border:1px solid rgba(255,255,255,.9)!important;border-radius:24px!important;
 background:rgba(255,255,255,.94)!important;
 box-shadow:0 24px 70px rgba(38,79,117,.13)!important;
 backdrop-filter:blur(16px);
}
.login-card:before{
 content:"";display:block;width:54px;height:5px;border-radius:10px;
 margin:0 auto 24px;background:linear-gradient(90deg,#03a4ed,#fe3f40);
}
.login-card .brand{margin-bottom:30px!important;text-align:center}
.login-card .brand h1{
 display:flex;align-items:center;justify-content:center;gap:9px;
 color:#0789c5!important;font-size:27px!important;font-weight:800!important;
 letter-spacing:-.7px!important;margin:0 0 9px!important;
}
.login-card .brand p{color:#8493a5!important;font-size:12px!important;line-height:1.8!important}
.login-card .app-brand-logo{width:38px!important;height:38px!important;border-radius:11px!important;margin:0!important;padding:3px}
.login-card .form-group{margin-bottom:19px!important}
.login-card label{display:block;margin:0 0 7px!important;color:#5c7188!important;font-size:11px!important;font-weight:700!important}
.login-card input{
 width:100%;height:48px;padding:0 14px!important;border:1px solid #e0eaf3!important;
 border-radius:11px!important;background:#fbfdff!important;color:#27384d!important;
 font:12px 'Poppins',sans-serif!important;outline:none;
}
.login-card input:focus{border-color:#65c8f2!important;box-shadow:0 0 0 4px rgba(3,164,237,.10)!important;outline:0!important}
.login-card button{
 width:100%;min-height:48px;border:0!important;border-radius:999px!important;
 background:linear-gradient(105deg,#03a4ed,#168fc9)!important;color:#fff!important;
 font:700 12px 'Poppins',sans-serif!important;letter-spacing:.2px;
 box-shadow:0 10px 22px rgba(3,164,237,.20)!important;cursor:pointer;
}
.login-card button:hover{transform:translateY(-1px);filter:brightness(1.04)}
.login-card .error{background:#fff1f1!important;color:#c43d43!important;border:1px solid #ffdada!important;border-radius:11px!important;font-size:11px!important}
.login-card .footer{margin-top:25px!important;color:#a0adbc!important;font-size:10px!important}
@media(max-width:480px){.login-card{padding:28px 22px!important;border-radius:19px!important}.login-card .brand h1{font-size:23px!important}}