/* Yebrax Travel ERP — P17 Auth Experience */
body.auth-page{--auth-navy:#06111f;--auth-navy2:#0a2036;--auth-ink:#101b29;--auth-gold:#e7bd62;--auth-gold2:#ffd981;--auth-paper:#fbfaf6;--auth-line:#ded8cd;background:#06111f!important;overflow-x:hidden}
body.auth-page:before{background:radial-gradient(ellipse at 12% 8%,rgba(231,189,98,.13),transparent 31%),radial-gradient(ellipse at 86% 88%,rgba(53,105,158,.18),transparent 33%),linear-gradient(145deg,#040b14 0%,#071728 46%,#0b2940 100%)!important}
body.auth-page:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.auth-page .auth-shell{padding:clamp(14px,3vw,38px)!important;min-height:100svh!important}
.auth-page .auth-card{position:relative;width:min(1180px,97vw)!important;border-radius:34px!important;background:var(--auth-paper)!important;border:1px solid rgba(255,224,151,.22)!important;box-shadow:0 46px 130px rgba(0,0,0,.55)!important;isolation:isolate}
.auth-page .auth-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px rgba(255,255,255,.8)}
.auth-page .auth-top{min-height:82px;padding:15px 22px!important;background:rgba(5,17,30,.98)!important;display:flex!important;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(231,189,98,.18)!important}
.auth-page .auth-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.auth-page .auth-brand .logo{width:48px!important;height:48px!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(255,220,136,.13),rgba(255,255,255,.02))!important;border:1px solid rgba(231,189,98,.2);display:grid;place-items:center}.auth-page .auth-brand .logo img{width:38px!important;height:38px!important;object-fit:contain}.auth-page .auth-brand .t{display:grid;gap:1px}.auth-page .auth-brand .t b{font-size:16px!important;letter-spacing:.04em}.auth-page .auth-brand .t span{font-size:11px;color:#91a2b3!important}
.auth-page .auth-actions{display:flex;gap:8px}.auth-page .auth-actions .btn{min-height:40px!important;border-radius:12px!important;padding:0 15px!important;font-weight:800!important}
.auth-page .auth-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;min-height:620px!important}
.auth-page .auth-left{position:relative;overflow:hidden;padding:clamp(36px,5vw,62px)!important;background:radial-gradient(circle at 15% 18%,rgba(231,189,98,.16),transparent 27%),radial-gradient(circle at 78% 72%,rgba(57,114,170,.19),transparent 30%),linear-gradient(145deg,#061321,#0a2238 60%,#0a2b43)!important;display:flex;flex-direction:column;justify-content:center}
.auth-page .auth-left:before{content:""!important;position:absolute!important;width:720px!important;height:260px!important;left:-250px!important;bottom:-125px!important;border:1px solid rgba(231,189,98,.20)!important;border-radius:50%!important;box-shadow:0 0 0 58px rgba(231,189,98,.026),0 0 0 116px rgba(90,145,205,.018)!important;transform:rotate(-12deg)!important;background:none!important}
.auth-page .auth-left:after{content:"✈"!important;position:absolute!important;right:11%!important;top:13%!important;width:auto!important;height:auto!important;background:none!important;color:rgba(255,220,139,.18)!important;font-size:58px!important;transform:rotate(-14deg)!important;filter:drop-shadow(0 0 18px rgba(231,189,98,.08))}
.auth-page .auth-left>*{position:relative;z-index:2}.auth-page .auth-left .kicker{width:max-content;max-width:100%;padding:8px 12px;border-radius:999px;color:#ffe6a9!important;background:rgba(231,189,98,.075)!important;border:1px solid rgba(231,189,98,.22)!important;font-size:12px;font-weight:850}.auth-page .auth-left h2{max-width:540px;font-size:clamp(31px,3.2vw,47px)!important;line-height:1.2!important;margin:18px 0 12px!important;color:#fff!important;letter-spacing:-.035em}.auth-page .auth-left>.small{max-width:540px;color:#b8c6d3!important;font-size:14.5px!important;line-height:1.95!important}.auth-page .auth-bullets{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.auth-page .auth-bullets .pill{padding:8px 11px;border-radius:11px;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.085)!important;color:#dce6ef!important;font-size:12px}.auth-page .auth-note{margin-top:26px;padding:16px 17px!important;border-radius:16px!important;background:rgba(2,11,20,.28)!important;border:1px solid rgba(231,189,98,.13)!important;color:#d4dee7!important;backdrop-filter:blur(8px)}
.auth-page .auth-right{padding:clamp(34px,5vw,58px)!important;background:linear-gradient(155deg,#fffefa 0%,#f7f3eb 100%)!important;display:flex;flex-direction:column;justify-content:center}.auth-page .auth-right>div:first-child .badge,.auth-page .auth-right>.badge{background:#f6ecd5!important;color:#725017!important;border:1px solid #ead39f!important}.auth-page .auth-right h2{font-size:clamp(28px,3vw,38px)!important;letter-spacing:-.035em;color:#101c2b!important}.auth-page .auth-form{gap:13px!important;margin-top:20px!important}.auth-page .auth-form label{font-size:12.5px!important;font-weight:850!important;color:#314054!important;margin:0 2px}.auth-page .auth-form input,.auth-page .auth-form select{min-height:52px!important;border-radius:14px!important;border:1px solid #dcd6cb!important;background:#fff!important;color:#0d1928!important;padding:0 15px!important;box-shadow:0 1px 0 rgba(255,255,255,.9),inset 0 1px 2px rgba(16,27,41,.02);transition:.18s ease}.auth-page .auth-form input:hover,.auth-page .auth-form select:hover{border-color:#c9c0b2!important}.auth-page .auth-form input:focus,.auth-page .auth-form select:focus{border-color:#c89b43!important;box-shadow:0 0 0 4px rgba(200,155,67,.105)!important}.auth-page .auth-help-row{margin-top:2px!important}.auth-page .auth-right .btn.primary{min-height:53px!important;border-radius:14px!important;background:linear-gradient(135deg,#ffe49b,#e3b452)!important;color:#1a160d!important;font-size:14px!important;font-weight:950!important;box-shadow:0 13px 30px rgba(176,128,35,.19)!important;transition:transform .18s ease,box-shadow .18s ease}.auth-page .auth-right .btn.primary:hover{transform:translateY(-1px);box-shadow:0 17px 36px rgba(176,128,35,.25)!important}.auth-page .auth-right .google{min-height:50px!important;border-radius:14px!important}.auth-page .auth-sep{margin:20px 0!important}.auth-page .notice{border-radius:13px!important}
.auth-page .otp-input{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif!important;font-size:28px!important;font-weight:760!important;letter-spacing:.42em!important;font-variant-numeric:tabular-nums!important;direction:ltr!important;text-align:center!important}
/* Registration wizard */
.auth-page .register-card .auth-grid{min-height:680px!important}.register-steps{display:flex;align-items:center;gap:8px;margin:2px 0 22px}.register-step-dot{display:flex;align-items:center;gap:7px;color:#9a9389;font-size:11px;font-weight:850;white-space:nowrap}.register-step-dot i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#eee9df;border:1px solid #ded6c8;color:#766f65}.register-step-dot.active{color:#725017}.register-step-dot.active i,.register-step-dot.done i{background:linear-gradient(135deg,#ffe59d,#dfb04e);border-color:#d9aa4c;color:#17130b}.register-steps:after{content:"";height:1px;background:#e4ddd1;flex:1}.register-pane{display:none}.register-pane.active{display:block;animation:authIn .25s ease}.register-nav{display:flex;gap:10px;margin-top:18px}.register-nav .btn{flex:1;min-height:50px;border-radius:14px!important}.password-meter{display:grid!important;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:-4px}.password-meter i{height:4px;border-radius:10px;background:#e6dfd3}.password-meter[data-strength="1"] i:nth-child(-n+1),.password-meter[data-strength="2"] i:nth-child(-n+2),.password-meter[data-strength="3"] i:nth-child(-n+3),.password-meter[data-strength="4"] i:nth-child(-n+4){background:#d4a13f}.register-summary{display:grid;gap:10px}.register-summary>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.register-summary span{color:#9fb0bf}.register-summary b{color:#fff}.auth-page .workspace-input{display:flex!important;align-items:center!important;border:1px solid #dcd6cb!important;border-radius:14px!important;overflow:hidden;background:#fff!important}.auth-page .workspace-input input{border:0!important;border-radius:0!important;box-shadow:none!important}.auth-page .workspace-input span{padding:0 12px;color:#7c756b;font-size:11px;white-space:nowrap;direction:ltr}
@keyframes authIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:900px){.auth-page .auth-grid{grid-template-columns:1fr!important}.auth-page .auth-left{min-height:260px!important;padding:30px!important}.auth-page .auth-left h2{font-size:30px!important}.auth-page .auth-left>.small{font-size:13px!important}.auth-page .auth-note{display:none}.auth-page .auth-right{padding:32px!important}.auth-page .auth-card{width:min(720px,96vw)!important}.auth-page .register-card .auth-grid{min-height:0!important}}
@media(max-width:580px){.auth-page .auth-shell{padding:0!important;display:block!important}.auth-page .auth-card{width:100%!important;min-height:100svh;border-radius:0!important;border:0!important}.auth-page .auth-top{min-height:68px;padding:10px 14px!important}.auth-page .auth-brand .logo{width:42px!important;height:42px!important}.auth-page .auth-brand .t span{display:none}.auth-page .auth-actions .btn{padding:0 10px!important;font-size:12px!important}.auth-page .auth-left{min-height:210px!important;padding:25px 20px!important}.auth-page .auth-left h2{font-size:26px!important;margin:12px 0 7px!important}.auth-page .auth-left>.small{line-height:1.75!important}.auth-page .auth-bullets{display:none}.auth-page .auth-right{padding:28px 18px 38px!important}.auth-page .auth-right h2{font-size:28px!important}.auth-page .grid{display:block!important}.auth-page .grid>[class*="col-"]{width:100%!important;margin-bottom:12px}.register-steps{overflow:auto;padding-bottom:3px}.register-step-dot span{display:none}.register-steps:after{display:none}}
@media(prefers-reduced-motion:reduce){.auth-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}