:root{--agent-coral:#ff7654;--agent-navy:#10233f;--agent-line:#cbd6e5}html{scrollbar-gutter:stable}.agent-nav-login,.agent-nav-signup{height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border-radius:10px;font-size:13px;font-weight:750;white-space:nowrap;text-decoration:none}.agent-nav-login{color:var(--agent-navy);border:1px solid #d9e1ec;background:#fff}.agent-nav-signup{color:#fff;border:0;background:linear-gradient(135deg,#ff7654,#f45155);box-shadow:0 8px 18px rgba(244,81,85,.2)}.agent-nav-login svg,.agent-nav-signup svg{width:16px;height:16px}.agent-modal[hidden]{display:none}.agent-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .18s ease}.agent-modal.is-open{opacity:1}.agent-modal-backdrop{position:absolute;inset:0;background:rgba(10,23,42,.65);backdrop-filter:blur(4px)}.agent-modal-panel{position:relative;width:min(1180px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:22px;padding:30px;box-shadow:0 32px 90px rgba(0,0,0,.28);transform:translateY(14px);transition:transform .18s ease}.agent-modal.is-open .agent-modal-panel{transform:none}.agent-modal-close{position:absolute;right:18px;top:18px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:#e13d4c;color:#fff;z-index:2}.agent-modal-close svg{width:19px}.agent-modal-head>span,.agent-register-page-head>span{color:var(--agent-coral);font-weight:800;letter-spacing:.24em;font-size:12px}.agent-modal-head h2,.agent-register-page-head h2{font-size:26px;margin:7px 0 4px;color:#071a36}.agent-modal-head p,.agent-register-page-head p{color:#4f6078;margin:0}.agent-role-pill{margin:14px 0 4px;display:inline-flex;padding:4px;border:1px solid #d5dfeb;border-radius:999px;background:#f4f7fa}.agent-role-pill span,.agent-role-pill strong{padding:8px 18px;border-radius:999px;font-size:12px}.agent-role-pill strong{background:var(--agent-coral);color:#fff}.agent-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px;margin-top:18px}.agent-field{display:flex;flex-direction:column;gap:7px}.agent-field>span:first-child,.agent-upload>span:first-child{color:#071a36;font-size:13px;font-weight:750}.agent-field input,.agent-field select{width:100%;height:46px;border:1px solid var(--agent-line);border-radius:7px;padding:0 13px;color:#172b48;background:#fff;outline:0}.agent-field input:focus,.agent-field select:focus{border-color:var(--agent-coral);box-shadow:0 0 0 3px rgba(255,118,84,.13)}.agent-input-wrap{position:relative}.agent-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:none;color:#58708d;padding:4px}.agent-password-toggle svg{width:18px}.agent-span-2{grid-column:span 2}.agent-span-3{grid-column:1/-1}.agent-gst-note{font-size:12px;color:#49617f;margin:-10px 0 0}.agent-upload{display:flex;flex-direction:column;gap:8px;cursor:pointer}.agent-dropzone{min-height:88px;border:1px dashed #aebdd1;background:#fafcff;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;color:#18304e}.agent-dropzone svg{width:20px;color:var(--agent-coral)}.agent-dropzone strong{font-size:12px;background:#e9eef5;padding:8px 12px;border-radius:999px}.agent-dropzone small{font-size:11px;color:#64758d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-form-actions{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.agent-form-actions p{margin:0;font-size:13px}.agent-form-actions a{color:#f45155;font-weight:700}.agent-create-btn{border:0;border-radius:9px;background:var(--agent-coral);color:#fff;font-weight:800;padding:12px 18px;display:inline-flex;gap:8px;align-items:center}.agent-create-btn svg{width:16px}.agent-modal-open{overflow:hidden;padding-right:var(--agent-modal-scrollbar,0)}.register-container{max-width:1040px!important}.register-container .app-card{padding:30px}.agent-register-page-head{margin-bottom:18px}.otp-heading{text-align:center}.otp-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:15px;background:#fff0eb;color:var(--agent-coral);display:grid;place-items:center;font-size:24px}.otp-heading p{color:#667085;margin:8px 0 24px}.otp-input{text-align:center;font-size:25px!important;font-weight:800;letter-spacing:.4em}.otp-link-button{border:0;background:none;color:#2563eb;font-weight:650;cursor:pointer}
@media(max-width:1199px){.navbar-main .gap-3{gap:.5rem!important}.agent-nav-login,.agent-nav-signup{padding:0 10px}.agent-nav-login span,.agent-nav-signup span{display:none}}
@media(max-width:767px){.agent-form-grid{grid-template-columns:1fr}.agent-span-2,.agent-span-3{grid-column:auto}.agent-modal{padding:0}.agent-modal-panel{max-height:100vh;height:100%;border-radius:0;padding:24px 16px}.agent-modal-head h2{font-size:22px}.agent-form-actions{align-items:flex-start;flex-direction:column;gap:16px}.agent-create-btn{width:100%;justify-content:center}.agent-dropzone{flex-wrap:wrap}.navbar-collapse .agent-nav-login span,.navbar-collapse .agent-nav-signup span{display:inline}.navbar-collapse .agent-nav-login,.navbar-collapse .agent-nav-signup{flex:1;justify-content:center}.navbar-collapse>div:last-child{flex-wrap:wrap}}
.agent-login-head{text-align:center;margin-bottom:26px}.agent-login-head>span{font-size:11px;letter-spacing:.18em;color:var(--agent-coral);font-weight:800}.agent-login-head h2{margin:7px 0;color:#0c203e;font-size:27px}.agent-login-head p{margin:0;color:#66758a;font-size:13px;line-height:1.65}.agent-login-form{display:grid;gap:18px}.agent-login-field{display:grid;gap:8px}.agent-login-field label{font-size:13px;font-weight:750;color:#10233f}.agent-login-label{display:flex;align-items:center;justify-content:space-between}.agent-login-label a{font-size:12px;color:#ee5e58;font-weight:700}.agent-login-field>span{position:relative;display:flex;align-items:center}.agent-login-field>span>i{position:absolute;left:14px;color:#8d9bb0;font-size:13px;font-style:normal}.agent-login-field input{width:100%;height:49px;border:1px solid #ccd6e4;border-radius:10px;padding:0 58px 0 39px;outline:0;font-size:14px}.agent-login-field input:focus{border-color:var(--agent-coral);box-shadow:0 0 0 3px rgba(255,118,84,.12)}.agent-login-field button{position:absolute;right:10px;border:0;background:none;color:#62738b;font-size:11px;font-weight:700}.agent-remember{display:flex;gap:8px;align-items:center}.agent-login-submit{height:50px;border:0;border-radius:10px;background:linear-gradient(135deg,#ff7654,#f45155);color:#fff;font-weight:800;box-shadow:0 10px 22px rgba(244,81,85,.23)}.agent-login-submit b{font-size:18px;margin-left:6px}.agent-login-foot{text-align:center;margin-top:22px;font-size:13px;color:#63738a}.agent-login-foot a{color:#ee5e58;font-weight:750}
@media(max-width:500px){body.auth-page{padding:20px 14px}.auth-page .app-card{padding:28px 22px}.agent-login-label a{font-size:11px}.register-container .app-card{padding:24px 18px}}

/* Dedicated agent login page */
body.auth-page.agent-login-page{display:flex;min-height:100dvh;padding:28px;background:#f4f7fb;background-image:radial-gradient(circle at 12% 8%,rgba(255,118,84,.11),transparent 28%),radial-gradient(circle at 92% 88%,rgba(22,59,101,.11),transparent 30%);font-family:'Outfit',sans-serif}
.agent-login-page .agent-login-container{width:min(1060px,100%);max-width:none;margin:auto}
.agent-login-page .auth-header{display:none}
.agent-login-page .app-card{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);min-height:660px;padding:0;overflow:hidden;border:1px solid rgba(211,220,232,.9);border-radius:26px;background:#fff;box-shadow:0 30px 80px rgba(16,35,63,.14)}
.agent-login-showcase{position:relative;display:flex;min-width:0;flex-direction:column;padding:42px 48px;color:#fff;overflow:hidden;background:linear-gradient(148deg,#0c294c 0%,#153e68 58%,#176377 100%)}
.agent-login-showcase:before,.agent-login-showcase:after{position:absolute;border-radius:50%;content:"";pointer-events:none}
.agent-login-showcase:before{width:380px;height:380px;right:-210px;top:-165px;border:70px solid rgba(255,255,255,.055)}
.agent-login-showcase:after{width:260px;height:260px;left:-130px;bottom:-150px;background:rgba(255,118,84,.12)}
.agent-login-brand{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;width:max-content;color:#fff;text-decoration:none}
.agent-login-brand:hover{color:#fff}
.agent-login-brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#ff8765,#f45155);box-shadow:0 12px 28px rgba(244,81,85,.3)}
.agent-login-brand-mark svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.agent-login-brand strong,.agent-login-brand small{display:block}
.agent-login-brand strong{font-size:20px;line-height:1.1;letter-spacing:-.02em}
.agent-login-brand small{margin-top:4px;color:rgba(255,255,255,.65);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.agent-login-showcase-copy{position:relative;z-index:1;margin:auto 0;padding:55px 0 48px}
.agent-login-eyebrow{display:flex;align-items:center;gap:8px;color:#ffd1c5;font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.agent-login-eyebrow i{width:24px;height:2px;border-radius:3px;background:#ff8060}
.agent-login-showcase h1{max-width:440px;margin:17px 0 14px;color:#fff;font-size:42px;line-height:1.08;letter-spacing:-.045em}
.agent-login-showcase-copy>p{max-width:440px;margin:0;color:rgba(255,255,255,.73);font-size:15px;line-height:1.65}
.agent-login-benefits{display:grid;gap:17px;margin:32px 0 0;padding:0;list-style:none}
.agent-login-benefits li{display:flex;align-items:flex-start;gap:12px}
.agent-login-benefits li>span{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;margin-top:1px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#fff;background:rgba(255,255,255,.1);font-size:12px;font-weight:800}
.agent-login-benefits strong,.agent-login-benefits small{display:block}
.agent-login-benefits strong{font-size:13px;font-weight:700}
.agent-login-benefits small{margin-top:3px;color:rgba(255,255,255,.6);font-size:11px;line-height:1.45}
.agent-login-trust{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
.agent-login-trust>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#ffb9a7;background:rgba(255,255,255,.08);font-size:11px}
.agent-login-trust p{margin:0}.agent-login-trust strong,.agent-login-trust small{display:block}
.agent-login-trust strong{font-size:11px}.agent-login-trust small{margin-top:2px;color:rgba(255,255,255,.55);font-size:9.5px}
.agent-login-page .agent-login-panel{position:relative;display:flex;width:auto;min-width:0;max-height:none;flex-direction:column;justify-content:center;padding:54px 62px;overflow:visible;border:0;border-radius:0;background:#fff;box-shadow:none;transform:none}
.agent-login-back{position:absolute;top:28px;display:inline-flex;align-items:center;gap:7px;color:#64748a;font-size:11px;font-weight:650;text-decoration:none}
.agent-login-back:hover{color:#f45155}
.agent-login-back span{font-size:16px}
.agent-login-page .agent-login-head{text-align:left;margin:0 0 30px}
.agent-login-page .agent-login-head>span{font-size:10px;letter-spacing:.2em}
.agent-login-page .agent-login-head h2{margin:8px 0 8px;color:#10233f;font-size:34px;line-height:1.15;letter-spacing:-.035em}
.agent-login-page .agent-login-head p{max-width:410px;color:#6b788b;font-size:13px;line-height:1.6}
.agent-login-page .agent-login-form{gap:19px}
.agent-login-page .agent-login-field{gap:8px}
.agent-login-page .agent-login-field label{font-size:12px}
.agent-login-page .agent-login-label a{font-size:11px;text-decoration:none}
.agent-login-page .agent-login-field>span>i{left:15px;display:grid;place-items:center;color:#8795a8}
.agent-login-page .agent-login-field>span>i svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.agent-login-page .agent-login-field input{height:53px;padding:0 62px 0 46px;border-color:#d5dde8;border-radius:12px;color:#152b48;background:#fbfcfe;font:500 13px 'Outfit',sans-serif;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.agent-login-page .agent-login-field input:hover{border-color:#b8c5d4;background:#fff}
.agent-login-page .agent-login-field input:focus{border-color:#f45155;background:#fff;box-shadow:0 0 0 4px rgba(244,81,85,.1)}
.agent-login-page .agent-login-field button{right:13px;padding:5px;color:#e85654;font:700 11px 'Outfit',sans-serif;cursor:pointer}
.agent-login-page .agent-remember{display:flex;align-items:center;gap:10px;width:max-content;color:#5d6c80;font-size:11.5px;cursor:pointer}
.agent-login-page .agent-remember input{width:17px;height:17px;margin:0;accent-color:#f45155}
.agent-login-page .agent-login-submit{display:flex;align-items:center;justify-content:center;gap:10px;height:53px;border-radius:12px;font:750 13px 'Outfit',sans-serif;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.agent-login-page .agent-login-submit:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(244,81,85,.3)}
.agent-login-page .agent-login-submit b{margin:0;font-size:18px;transition:transform .18s ease}.agent-login-page .agent-login-submit:hover b{transform:translateX(3px)}
.agent-login-security{display:flex;align-items:center;gap:10px;margin-top:21px;padding:12px 13px;border:1px solid #d9ece8;border-radius:11px;background:#f3faf8}
.agent-login-security>span{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:8px;color:#fff;background:#178167;font-size:11px;font-weight:800}
.agent-login-security p{margin:0}.agent-login-security strong,.agent-login-security small{display:block}
.agent-login-security strong{color:#285749;font-size:10.5px}.agent-login-security small{margin-top:2px;color:#638076;font-size:9.5px;line-height:1.4}
.agent-login-page .agent-login-foot{margin-top:23px;padding-top:20px;border-top:1px solid #edf0f4;color:#718095;font-size:11.5px}
.agent-login-page .agent-login-foot a{text-decoration:none}
.agent-login-page .text-muted.text-center{margin-top:18px!important;color:#7b8797;font-size:10.5px}
.agent-login-page .alert{max-width:640px;margin:0 auto 16px;padding:13px 16px;border-radius:11px;font-size:12px}
@media(max-width:850px){.agent-login-page .app-card{grid-template-columns:1fr;min-height:0}.agent-login-showcase{display:none}.agent-login-page .agent-login-panel{min-height:640px;padding:70px 54px 44px}.agent-login-back{top:28px}}
@media(max-width:500px){body.auth-page.agent-login-page{padding:14px}.agent-login-page .app-card{border-radius:20px}.agent-login-page .agent-login-panel{min-height:0;padding:64px 22px 28px}.agent-login-back{top:23px}.agent-login-page .agent-login-head{margin-bottom:25px}.agent-login-page .agent-login-head h2{font-size:29px}.agent-login-page .agent-login-head p{font-size:12px}.agent-login-page .agent-login-field input{height:51px}.agent-login-security{align-items:flex-start}.agent-login-page .agent-login-foot{line-height:1.5}.agent-login-page .text-muted.text-center{margin-top:12px!important}}

/* Standalone agent OTP verification page */
body.auth-page.agent-otp-page{display:flex;min-height:100dvh;padding:28px;background:#f4f7fb;background-image:radial-gradient(circle at 10% 10%,rgba(255,118,84,.1),transparent 28%),radial-gradient(circle at 90% 90%,rgba(23,99,119,.1),transparent 30%);font-family:'Outfit',sans-serif}
.agent-otp-page .agent-otp-container{width:min(940px,100%);max-width:none;margin:auto}
.agent-otp-page .auth-header{display:none}
.agent-otp-page .app-card{display:grid;grid-template-columns:minmax(330px,.88fr) minmax(420px,1.12fr);min-height:610px;padding:0;overflow:hidden;border:1px solid rgba(211,220,232,.9);border-radius:26px;background:#fff;box-shadow:0 30px 80px rgba(16,35,63,.14)}
.agent-otp-aside{position:relative;display:flex;min-width:0;flex-direction:column;padding:38px 40px;color:#fff;overflow:hidden;background:linear-gradient(150deg,#0d2c50 0%,#15466d 62%,#167085 100%)}
.agent-otp-aside:before,.agent-otp-aside:after{position:absolute;border-radius:50%;content:"";pointer-events:none}
.agent-otp-aside:before{width:310px;height:310px;right:-190px;top:-140px;border:60px solid rgba(255,255,255,.055)}
.agent-otp-aside:after{width:230px;height:230px;left:-120px;bottom:-130px;background:rgba(255,118,84,.13)}
.agent-otp-brand{position:relative;z-index:1;display:inline-flex;align-items:center;gap:11px;width:max-content;color:#fff;text-decoration:none}
.agent-otp-brand:hover{color:#fff}.agent-otp-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#ff8765,#f45155);box-shadow:0 10px 24px rgba(244,81,85,.3)}
.agent-otp-brand svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.agent-otp-brand strong,.agent-otp-brand small{display:block}.agent-otp-brand strong{font-size:18px}.agent-otp-brand small{margin-top:3px;color:rgba(255,255,255,.62);font-size:9px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.agent-otp-aside-copy{position:relative;z-index:1;margin:auto 0;padding:42px 0}
.agent-otp-shield{display:grid;place-items:center;width:56px;height:56px;margin-bottom:22px;border:1px solid rgba(255,255,255,.13);border-radius:17px;color:#fff;background:rgba(255,255,255,.1);box-shadow:0 12px 30px rgba(3,20,40,.16)}
.agent-otp-shield svg{width:29px;height:29px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.agent-otp-kicker{color:#ffc7b8;font-size:9.5px;font-weight:800;letter-spacing:.17em}
.agent-otp-aside h1{margin:12px 0 13px;color:#fff;font-size:31px;line-height:1.12;letter-spacing:-.04em}
.agent-otp-aside-copy>p{margin:0;color:rgba(255,255,255,.7);font-size:12.5px;line-height:1.65}
.agent-otp-safe-note{display:flex;align-items:flex-start;gap:11px;margin-top:27px;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(255,255,255,.07)}
.agent-otp-safe-note>span{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:8px;color:#123a58;background:#b8f2e3;font-size:11px;font-weight:800}
.agent-otp-safe-note p{margin:0}.agent-otp-safe-note strong,.agent-otp-safe-note small{display:block}.agent-otp-safe-note strong{font-size:10.5px}.agent-otp-safe-note small{margin-top:3px;color:rgba(255,255,255,.58);font-size:9.5px;line-height:1.5}
.agent-otp-aside-foot{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.11);color:rgba(255,255,255,.57);font-size:9.5px;font-weight:600}
.agent-otp-panel{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:68px 64px 48px;background:#fff}
.agent-otp-back{position:absolute;left:64px;top:28px;display:inline-flex;align-items:center;gap:7px;color:#65758a;font-size:10.5px;font-weight:650;text-decoration:none}.agent-otp-back:hover{color:#f45155}.agent-otp-back span{font-size:15px}
.agent-otp-progress{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 30px;padding:0;list-style:none}
.agent-otp-progress li{position:relative;display:flex;align-items:center;gap:9px;color:#77879a}
.agent-otp-progress li:first-child:after{position:absolute;left:36px;right:9px;top:14px;height:2px;background:#dce4ed;content:""}
.agent-otp-progress li>span{position:relative;z-index:1;display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border:2px solid #d7e0e9;border-radius:50%;background:#fff;font-size:10px;font-weight:800}
.agent-otp-progress li.complete>span{border-color:#159174;color:#fff;background:#159174}.agent-otp-progress li.active>span{border-color:#f45155;color:#fff;background:linear-gradient(135deg,#ff7654,#f45155);box-shadow:0 0 0 4px rgba(244,81,85,.1)}
.agent-otp-progress strong,.agent-otp-progress small{display:block}.agent-otp-progress strong{color:#263b56;font-size:10px}.agent-otp-progress small{margin-top:2px;font-size:8.5px}.agent-otp-progress li.active strong{color:#e54f50}
.agent-otp-heading{text-align:center}.agent-otp-mail{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 13px;border-radius:16px;color:#f45155;background:#fff1ed;box-shadow:0 9px 22px rgba(244,81,85,.12)}
.agent-otp-mail svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.agent-otp-label{color:#f45155;font-size:9px;font-weight:800;letter-spacing:.18em}
.agent-otp-heading h2{margin:7px 0 7px;color:#10233f;font-size:30px;line-height:1.15;letter-spacing:-.035em}.agent-otp-heading p{margin:0;color:#6a788c;font-size:11.5px}.agent-otp-email{display:block;margin-top:4px;color:#183b5e;font-size:12px}
.agent-otp-form{display:grid;gap:9px;margin-top:24px}.agent-otp-form>label{color:#213a58;font-size:11.5px;font-weight:750}
.agent-otp-form>input{width:100%;height:58px;padding:0 18px;border:1px solid #cbd6e3;border-radius:13px;outline:0;color:#163450;background:#fbfcfe;text-align:center;font:800 24px 'Outfit',sans-serif;letter-spacing:.45em;font-variant-numeric:tabular-nums;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.agent-otp-form>input::placeholder{color:#b4bfcb}.agent-otp-form>input:hover{border-color:#aebdcd;background:#fff}.agent-otp-form>input:focus{border-color:#f45155;background:#fff;box-shadow:0 0 0 4px rgba(244,81,85,.1)}
.agent-otp-expiry{display:flex;align-items:center;justify-content:center;gap:6px;margin:1px 0 5px;color:#768698;font-size:9.5px}.agent-otp-expiry span{color:#16816a;font-size:13px}
.agent-otp-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#ff7654,#f45155);font:750 12.5px 'Outfit',sans-serif;box-shadow:0 11px 24px rgba(244,81,85,.22);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.agent-otp-submit:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(244,81,85,.3)}.agent-otp-submit b{font-size:17px}
.agent-otp-resend-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;padding-top:18px;border-top:1px solid #edf0f4;color:#78879a;font-size:10.5px}.agent-otp-resend-row form{margin:0}.agent-otp-resend{padding:3px;border:0;color:#e85352;background:none;font:750 10.5px 'Outfit',sans-serif;cursor:pointer}.agent-otp-resend:disabled{color:#98a4b2;cursor:not-allowed}
.agent-otp-page .text-muted.text-center{margin-top:16px!important;color:#7b8797;font-size:10px}.agent-otp-page .alert{max-width:600px;margin:0 auto 15px;padding:12px 15px;border-radius:11px;font-size:11.5px}
@media(max-width:780px){.agent-otp-page .app-card{grid-template-columns:1fr;min-height:0}.agent-otp-aside{display:none}.agent-otp-panel{min-height:610px;padding:68px 54px 44px}.agent-otp-back{left:54px}}
@media(max-width:500px){body.auth-page.agent-otp-page{padding:14px}.agent-otp-page .app-card{border-radius:20px}.agent-otp-panel{min-height:0;padding:64px 22px 28px}.agent-otp-back{left:22px;top:22px}.agent-otp-progress{margin-bottom:25px}.agent-otp-heading h2{font-size:27px}.agent-otp-form>input{height:56px;font-size:22px}.agent-otp-resend-row{align-items:center;flex-direction:column;gap:4px}.agent-otp-page .text-muted.text-center{margin-top:11px!important}}

.agent-modal,.agent-modal *,.agent-registration-form,.agent-registration-form *{font-family:'Plus Jakarta Sans',sans-serif}.agent-modal-panel{width:min(1280px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:22px 24px;border-radius:20px;overflow:hidden}.agent-modal-head{padding-right:50px}.agent-modal-head>span{font-size:10px;letter-spacing:.18em}.agent-modal-head h2{font-size:24px;line-height:1.2;margin:4px 0}.agent-modal-head p{font-size:12px}.agent-modal-close{top:16px;right:16px}.agent-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 12px;margin-top:14px}.agent-field{gap:5px}.agent-field>span:first-child,.agent-upload>span:first-child{font-size:11px}.agent-field input,.agent-field select{height:40px;padding:0 11px;border-radius:8px;font-size:11px}.agent-input-wrap input{padding-right:48px}.agent-password-toggle{right:7px;font-size:9px;font-weight:800;color:#e35753}.agent-gst-field{grid-column:span 3;position:relative}.agent-gst-field small{position:absolute;right:9px;top:32px;color:#8491a4;font-size:8px;pointer-events:none}.agent-gst-field input{padding-right:190px}.agent-upload-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.agent-upload{gap:5px}.agent-dropzone{min-height:57px;padding:7px 10px;border-radius:8px;justify-content:flex-start}.agent-dropzone svg{width:17px}.agent-dropzone strong{font-size:9px;padding:6px 9px}.agent-dropzone small{font-size:8px}.agent-form-actions{margin-top:13px;padding-top:11px;border-top:1px solid #edf0f4}.agent-form-actions p{font-size:10px}.agent-create-btn{padding:10px 15px;font-size:11px}.agent-role-pill{display:none!important}
@media(min-width:768px) and (max-height:700px){.agent-modal-panel{padding:15px 20px}.agent-modal-head h2{font-size:20px}.agent-modal-head p{display:none}.agent-form-grid{gap:7px 10px;margin-top:9px}.agent-field input,.agent-field select{height:35px}.agent-dropzone{min-height:48px}.agent-form-actions{margin-top:8px;padding-top:8px}}
@media(max-width:767px){.agent-modal-panel{width:100%;max-height:100vh;height:100%;padding:22px 16px;overflow-y:auto;border-radius:0}.agent-modal-head{padding-right:44px}.agent-modal-head h2{font-size:21px}.agent-form-grid{grid-template-columns:1fr;gap:14px}.agent-gst-field,.agent-upload-row{grid-column:auto}.agent-gst-field input{padding-right:11px}.agent-gst-field small{position:static;margin-top:2px}.agent-upload-row{display:grid;grid-template-columns:1fr;gap:14px}.agent-dropzone{min-height:66px}.agent-form-actions{position:sticky;bottom:-22px;margin:16px -16px -22px;padding:13px 16px;background:#fff;box-shadow:0 -8px 20px rgba(16,35,63,.06);z-index:3}}

@media(min-width:1200px){.agent-modal-panel{width:min(1500px,calc(100vw - 64px));padding:30px 36px;border-radius:24px}.agent-modal-head>span{font-size:11px}.agent-modal-head h2{font-size:30px;margin:6px 0}.agent-modal-head p{font-size:14px}.agent-modal-close{top:22px;right:22px;width:42px;height:42px}.agent-form-grid{gap:15px 16px;margin-top:20px}.agent-field{gap:7px}.agent-field>span:first-child,.agent-upload>span:first-child{font-size:13px}.agent-field input,.agent-field select{height:48px;padding:0 14px;font-size:13px;border-radius:10px}.agent-input-wrap input{padding-right:58px}.agent-password-toggle{right:10px;font-size:10px}.agent-gst-field small{top:39px;right:13px;font-size:9px}.agent-gst-field input{padding-right:220px}.agent-upload-row{gap:16px}.agent-upload{gap:7px}.agent-dropzone{min-height:72px;padding:10px 14px;border-radius:10px}.agent-dropzone svg{width:20px}.agent-dropzone strong{font-size:11px;padding:7px 11px}.agent-dropzone small{font-size:10px}.agent-form-actions{margin-top:18px;padding-top:15px}.agent-form-actions p{font-size:12px}.agent-create-btn{padding:13px 20px;font-size:13px;border-radius:10px}}
@media(max-width:767px){.agent-modal{padding:10px;place-items:center}.agent-modal-panel{width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);padding:22px 16px;border-radius:18px;overscroll-behavior:contain}.agent-modal-head h2{font-size:23px}.agent-modal-head p{font-size:12px;line-height:1.55}.agent-field>span:first-child,.agent-upload>span:first-child{font-size:12px}.agent-field input,.agent-field select{height:48px;font-size:13px}.agent-form-actions{bottom:-22px;border-radius:0 0 18px 18px}.agent-create-btn{min-height:48px;font-size:12px}}

/* Standalone forgot/reset password experience */
body.auth-page.password-recovery-page{display:flex;min-height:100dvh;padding:28px;background:#f4f7fb;background-image:radial-gradient(circle at 10% 8%,rgba(255,118,84,.11),transparent 28%),radial-gradient(circle at 92% 90%,rgba(22,99,119,.11),transparent 30%);font-family:'Outfit',sans-serif}
.password-recovery-page .password-recovery-container{width:min(1040px,100%);max-width:none;margin:auto}.password-recovery-page .auth-header{display:none}.password-recovery-page .app-card{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(460px,1.08fr);min-height:650px;padding:0;overflow:hidden;border:1px solid rgba(211,220,232,.92);border-radius:26px;background:#fff;box-shadow:0 30px 80px rgba(16,35,63,.14)}
.recovery-showcase{position:relative;display:flex;min-width:0;flex-direction:column;padding:42px 44px;color:#fff;overflow:hidden;background:linear-gradient(148deg,#0c294c 0%,#153e68 57%,#176377 100%)}.recovery-showcase:before,.recovery-showcase:after{position:absolute;border-radius:50%;content:"";pointer-events:none}.recovery-showcase:before{width:360px;height:360px;right:-215px;top:-155px;border:68px solid rgba(255,255,255,.055)}.recovery-showcase:after{width:250px;height:250px;left:-130px;bottom:-145px;background:rgba(255,118,84,.13)}
.recovery-brand{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;width:max-content;color:#fff;text-decoration:none}.recovery-brand:hover{color:#fff}.recovery-brand>span:first-child{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#ff8765,#f45155);box-shadow:0 12px 28px rgba(244,81,85,.3)}.recovery-brand svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.recovery-brand strong,.recovery-brand small{display:block}.recovery-brand strong{font-size:20px;line-height:1.1;letter-spacing:-.02em}.recovery-brand small{margin-top:4px;color:rgba(255,255,255,.64);font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.recovery-showcase-copy{position:relative;z-index:1;margin:auto 0;padding:46px 0 40px}.recovery-eyebrow{display:flex;align-items:center;gap:8px;color:#ffd1c5;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.recovery-eyebrow i{width:24px;height:2px;border-radius:3px;background:#ff8060}.recovery-showcase h1{max-width:400px;margin:17px 0 14px;color:#fff;font-size:38px;line-height:1.1;letter-spacing:-.045em}.recovery-showcase-copy>p{max-width:400px;margin:0;color:rgba(255,255,255,.72);font-size:13.5px;line-height:1.65}.recovery-showcase ul{display:grid;gap:16px;margin:29px 0 0;padding:0;list-style:none}.recovery-showcase li{display:flex;align-items:flex-start;gap:12px}.recovery-showcase li>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#ffc2b3;background:rgba(255,255,255,.09)}.recovery-showcase li svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.recovery-showcase li strong,.recovery-showcase li small{display:block}.recovery-showcase li strong{font-size:12.5px}.recovery-showcase li small{margin-top:3px;color:rgba(255,255,255,.58);font-size:10.5px;line-height:1.45}.recovery-trust{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding-top:19px;border-top:1px solid rgba(255,255,255,.12)}.recovery-trust>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#fff;background:rgba(255,255,255,.1);font-size:12px;font-weight:800}.recovery-trust p{margin:0}.recovery-trust strong,.recovery-trust small{display:block}.recovery-trust strong{font-size:11px}.recovery-trust small{margin-top:2px;color:rgba(255,255,255,.54);font-size:9.5px}
.recovery-panel{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:58px 64px;background:linear-gradient(155deg,#fff 75%,#fff8f5 140%)}.recovery-back{position:absolute;top:29px;left:34px;display:inline-flex;align-items:center;gap:7px;color:#64748a;font-size:11px;font-weight:700;text-decoration:none}.recovery-back:hover{color:#f45155}.recovery-back span{font-size:16px}.recovery-form-wrap{width:100%;max-width:430px;margin:auto}.recovery-step-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:19px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#ff7654,#f45155);box-shadow:0 12px 28px rgba(244,81,85,.25)}.recovery-step-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.recovery-heading{margin-bottom:27px}.recovery-heading>span{color:#f45155;font-size:9.5px;font-weight:850;letter-spacing:.18em}.recovery-heading h2{margin:8px 0 8px;color:#10233f;font-size:31px;line-height:1.15;letter-spacing:-.04em}.recovery-heading p{margin:0;color:#6b788b;font-size:12.5px;line-height:1.65}
.recovery-form{display:grid;gap:18px}.recovery-field{display:grid;gap:8px}.recovery-field>span:first-child{color:#10233f;font-size:12px;font-weight:750}.recovery-input{position:relative;display:flex;align-items:center}.recovery-input>i{position:absolute;left:15px;z-index:1;display:grid;place-items:center;color:#8795a8;font-style:normal;pointer-events:none}.recovery-input>i svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.recovery-input input{width:100%;height:53px;padding:0 64px 0 46px;border:1px solid #d5dde8;border-radius:12px;color:#152b48;background:#fbfcfe;font:500 13px 'Outfit',sans-serif;outline:0;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.recovery-input input::placeholder{color:#96a1b0}.recovery-input input:hover{border-color:#b8c5d4;background:#fff}.recovery-input input:focus{border-color:#f45155;background:#fff;box-shadow:0 0 0 4px rgba(244,81,85,.1)}.recovery-input:focus-within>i{color:#f45155}.recovery-input>button{position:absolute;right:12px;padding:6px;border:0;color:#e85654;background:transparent;font:750 10.5px 'Outfit',sans-serif;cursor:pointer}.recovery-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:53px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#ff7654,#f45155);box-shadow:0 11px 24px rgba(244,81,85,.25);font:800 12.5px 'Outfit',sans-serif;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.recovery-submit:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(244,81,85,.32)}.recovery-submit b{font-size:18px;transition:transform .18s ease}.recovery-submit:hover b{transform:translateX(3px)}
.recovery-note{display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding:13px;border:1px solid #d9ece8;border-radius:11px;background:#f3faf8}.recovery-note>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:8px;color:#fff;background:#178167}.recovery-note svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.recovery-note p{margin:0}.recovery-note strong,.recovery-note small{display:block}.recovery-note strong{color:#285749;font-size:10.5px}.recovery-note small{margin-top:2px;color:#638076;font-size:9.5px;line-height:1.45}.recovery-help{margin-top:20px;padding-top:18px;border-top:1px solid #edf0f4;color:#718095;text-align:center;font-size:11.5px}.recovery-help a{color:#ee5e58;font-weight:750;text-decoration:none}
.password-strength{display:grid;gap:7px;margin-top:-8px}.password-strength>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.password-strength i{height:4px;border-radius:5px;background:#e4e9ef;transition:background .2s}.password-strength>span{color:#7e8998;font-size:9.5px;line-height:1.45}.password-strength[data-score="1"] i:nth-child(-n+1){background:#dc455a}.password-strength[data-score="2"] i:nth-child(-n+2){background:#e59a23}.password-strength[data-score="3"] i:nth-child(-n+3){background:#3f91c7}.password-strength[data-score="4"] i{background:#178167}.password-match{margin-top:-3px;color:#7e8998;font-size:9.5px}.password-match.is-match{color:#16805f}.password-match.is-error{color:#cc3c52}
.password-recovery-page .alert{width:min(620px,100%);margin:0 auto 15px;padding:13px 16px;border-radius:11px;font-size:12px}.password-recovery-page .text-muted.text-center{margin-top:17px!important;color:#7b8797;font-size:10.5px}
@media(max-width:880px){.password-recovery-page .app-card{grid-template-columns:1fr;min-height:0}.recovery-showcase{display:none}.recovery-panel{min-height:650px;padding:72px 58px 44px}.recovery-form-wrap{max-width:460px}}
@media(max-width:520px){body.auth-page.password-recovery-page{padding:14px}.password-recovery-page .app-card{border-radius:20px}.recovery-panel{min-height:0;padding:68px 22px 30px}.recovery-back{top:23px;left:22px}.recovery-step-icon{width:49px;height:49px;margin-bottom:17px;border-radius:14px}.recovery-heading{margin-bottom:23px}.recovery-heading h2{font-size:27px}.recovery-heading p{font-size:11.5px}.recovery-input input{height:51px}.recovery-note{align-items:flex-start}.password-recovery-page .text-muted.text-center{margin-top:12px!important}}

.agent-nav-login{color:#fff;border:0;background:linear-gradient(135deg,#173b62,#147a91);box-shadow:0 8px 18px rgba(20,80,113,.2);cursor:pointer}.agent-nav-login:hover{color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px rgba(20,80,113,.28)}
.agent-login-modal[hidden]{display:none}.agent-login-modal{position:fixed;inset:0;z-index:1220;display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .18s ease;font-family:'Plus Jakarta Sans',sans-serif}.agent-login-modal.is-open{opacity:1}.agent-login-backdrop{position:absolute;inset:0;background:rgba(7,25,47,.68);backdrop-filter:blur(5px)}.agent-login-panel{position:relative;width:min(470px,calc(100vw - 30px));padding:32px;border:1px solid rgba(255,255,255,.7);border-radius:22px;background:#fff;box-shadow:0 32px 90px rgba(3,24,47,.3);transform:translateY(14px) scale(.985);transition:transform .18s ease;outline:0}.agent-login-modal.is-open .agent-login-panel{transform:none}.agent-login-close{position:absolute;right:16px;top:16px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:12px;color:#fff;background:#e33f50;cursor:pointer}.agent-login-close svg{width:18px}.agent-login-popup-head{text-align:center;padding:0 20px 22px}.agent-login-popup-icon{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 14px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#173b62,#147a91);box-shadow:0 10px 24px rgba(20,80,113,.22)}.agent-login-popup-icon svg{width:22px}.agent-login-popup-head small{color:#147a91;font-size:10px;font-weight:800;letter-spacing:.17em}.agent-login-popup-head h2{margin:7px 0 5px;color:#10233f;font-size:27px;font-weight:800}.agent-login-popup-head p{margin:0;color:#6a788b;font-size:12px;line-height:1.55}.agent-popup-form{display:grid;gap:17px}.agent-popup-form>label{display:grid;gap:7px;color:#142946;font-size:12px;font-weight:750}.agent-popup-label{display:flex;align-items:center;justify-content:space-between}.agent-popup-label a{color:#d94a55;font-size:10px;text-decoration:none}.agent-popup-input{position:relative;display:flex;align-items:center}.agent-popup-input>svg{position:absolute;left:14px;width:17px;color:#8291a5}.agent-popup-input input{width:100%;height:50px;padding:0 58px 0 43px;border:1px solid #ccd7e5;border-radius:11px;color:#18304f;background:#fbfcfe;font:500 13px 'Plus Jakarta Sans',sans-serif;outline:0}.agent-popup-input input:focus{border-color:#147a91;background:#fff;box-shadow:0 0 0 3px rgba(20,122,145,.12)}.agent-popup-input button{position:absolute;right:11px;border:0;background:none;color:#147a91;font-size:10px;font-weight:800;cursor:pointer}.agent-popup-security{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border-radius:10px;color:#536b7f;background:#edf7f8;font-size:10px;line-height:1.5}.agent-popup-security svg{width:17px;flex:0 0 17px;color:#147a91}.agent-popup-submit{height:50px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:11px;color:#fff;background:linear-gradient(135deg,#173b62,#147a91);font:800 12px 'Plus Jakarta Sans',sans-serif;box-shadow:0 11px 24px rgba(20,80,113,.22);cursor:pointer}.agent-popup-submit svg{width:17px}.agent-login-popup-foot{margin:22px -32px -32px;padding:16px 20px;border-radius:0 0 22px 22px;color:#6a788b;background:#f7f9fc;text-align:center;font-size:11px}.agent-login-popup-foot button{border:0;background:none;color:#e05755;font:800 11px 'Plus Jakarta Sans',sans-serif;cursor:pointer}.alert{position:relative}.agent-modal-open>main>.alert{position:fixed;top:18px;left:50%;z-index:1400;width:min(520px,calc(100vw - 30px));transform:translateX(-50%);box-shadow:0 12px 35px rgba(0,0,0,.18)}
@media(max-width:767px){.agent-nav-login{background:linear-gradient(135deg,#173b62,#147a91)}.agent-login-modal{padding:10px}.agent-login-panel{width:calc(100vw - 20px);padding:27px 20px;border-radius:18px}.agent-login-popup-head{padding:0 12px 20px}.agent-login-popup-head h2{font-size:25px}.agent-login-popup-head p{font-size:11px}.agent-login-popup-foot{margin:20px -20px -27px;border-radius:0 0 18px 18px}.agent-popup-input input{height:50px}}

/* Two-step agent sign-in */
.agent-login-modal{z-index:1600;padding:20px}
.agent-login-backdrop{background:rgba(8,24,44,.74);backdrop-filter:blur(7px)}
.agent-login-panel{width:min(500px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;padding:34px 36px 0;border:1px solid rgba(255,255,255,.8);border-radius:24px;box-shadow:0 34px 100px rgba(2,20,40,.36)}
.agent-login-close{right:18px;top:18px;width:39px;height:39px;border-radius:12px;box-shadow:0 7px 16px rgba(227,63,80,.2);transition:transform .18s ease,box-shadow .18s ease}
.agent-login-close:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(227,63,80,.28)}
.agent-login-popup-head{padding:0 24px 20px}
.agent-login-popup-icon{width:54px;height:54px;margin-bottom:15px;border-radius:16px;box-shadow:0 12px 28px rgba(20,80,113,.24)}
.agent-login-popup-icon svg{width:24px;height:24px}
.agent-login-popup-head small{font-size:10.5px;letter-spacing:.19em}
.agent-login-popup-head h2{margin:7px 0 6px;font-size:29px;line-height:1.18;letter-spacing:-.035em}
.agent-login-popup-head p{font-size:12.5px;line-height:1.6}
.agent-login-progress{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:42px;max-width:290px;margin:20px auto 0;padding:0;list-style:none}
.agent-login-progress:before{position:absolute;top:14px;left:25%;right:25%;height:2px;background:#dce6ed;content:""}
.agent-login-progress li{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;color:#8391a2;font-size:10px}
.agent-login-progress li span{display:grid;place-items:center;width:29px;height:29px;border:2px solid #dce6ed;border-radius:50%;color:#718197;background:#fff;font-size:10px;font-weight:800}
.agent-login-progress li b{font-weight:750}
.agent-login-progress li.active,.agent-login-progress li.complete{color:#126f85}
.agent-login-progress li.active span,.agent-login-progress li.complete span{border-color:#147a91;color:#fff;background:#147a91;box-shadow:0 0 0 4px rgba(20,122,145,.11)}
.agent-login-progress li.complete span{color:transparent}
.agent-login-progress li.complete span:after{position:absolute;color:#fff;font-size:13px;content:"✓"}
.agent-login-step[hidden],.agent-login-feedback[hidden],.agent-login-popup-foot[hidden]{display:none!important}
.agent-login-feedback{margin:0 0 15px;padding:11px 13px;border:1px solid #f0c6ca;border-radius:10px;color:#a72f3d;background:#fff2f3;font-size:11px;font-weight:650;line-height:1.5}
.agent-login-feedback.is-success{border-color:#bde2d4;color:#087055;background:#edfaf5}
.agent-popup-form{gap:16px}
.agent-popup-form>label{gap:8px;font-size:12.5px}
.agent-popup-label a{padding:2px 0;font-size:10.5px}
.agent-popup-input input{height:52px;border-color:#c8d6e4;border-radius:12px;background:#f9fbfd;font-size:13.5px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.agent-popup-input input:hover{border-color:#aebfd0;background:#fff}
.agent-popup-input>svg{left:15px;width:18px;height:18px}
.agent-popup-input button{right:13px;font-size:10.5px}
.agent-popup-security{padding:12px 13px;border:1px solid #d8edef;border-radius:11px;font-size:10.5px;line-height:1.55}
.agent-popup-security svg{width:18px;height:18px;flex-basis:18px}
.agent-popup-submit{height:52px;border-radius:12px;font-size:12.5px;box-shadow:0 12px 25px rgba(20,80,113,.24);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}
.agent-popup-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 15px 30px rgba(20,80,113,.3)}
.agent-popup-submit:disabled{cursor:wait;opacity:.72}
.agent-popup-submit.is-loading svg{animation:agent-login-spin .8s linear infinite}
.agent-login-popup-foot{margin:23px -36px 0;padding:17px 20px;border-top:1px solid #e9eef4;border-radius:0 0 24px 24px;font-size:11.5px}
.agent-login-popup-foot button{font-size:11.5px}

.agent-login-otp-step{padding-bottom:32px}
.agent-otp-delivery{display:flex;align-items:center;gap:12px;margin-bottom:17px;padding:13px 14px;border:1px solid #d7e8e7;border-radius:12px;background:linear-gradient(135deg,#f3fbf9,#f2f8fc)}
.agent-otp-delivery>span{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#0f9674,#147a91)}
.agent-otp-delivery>span svg{width:18px;height:18px}
.agent-otp-delivery small{display:block;margin-bottom:3px;color:#08765f;font-size:9px;font-weight:800;letter-spacing:.11em}
.agent-otp-delivery p{margin:0;color:#52687c;font-size:11px;line-height:1.45}
.agent-otp-delivery strong{color:#163751;font-weight:800}
.agent-popup-otp-form{gap:14px}
.agent-popup-otp-input input{padding-left:48px;padding-right:18px;text-align:center;font-size:22px;font-weight:800;letter-spacing:.32em;font-variant-numeric:tabular-nums}
.agent-popup-otp-input input::placeholder{color:#acb8c5;letter-spacing:.32em}
.agent-otp-help{display:flex;align-items:center;gap:7px;margin:-2px 0 1px;color:#6f8093;font-size:10px;line-height:1.45}
.agent-otp-help svg{width:15px;height:15px;flex:0 0 15px;color:#147a91}
.agent-otp-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px;padding-top:16px;border-top:1px solid #e8eef3}
.agent-otp-actions form{margin:0}
.agent-otp-back,.agent-otp-resend{display:inline-flex;align-items:center;gap:6px;min-height:35px;padding:7px 9px;border:0;border-radius:8px;background:transparent;font:750 10.5px 'Plus Jakarta Sans',sans-serif;cursor:pointer}
.agent-otp-back{color:#526a80}
.agent-otp-back svg{width:14px;height:14px}
.agent-otp-resend{color:#147a91;background:#eef8f8}
.agent-otp-resend:disabled{color:#8998a8;background:#f2f5f7;cursor:not-allowed}

@keyframes agent-login-spin{to{transform:rotate(360deg)}}
@media(max-width:560px){
 .agent-login-modal{padding:10px}
 .agent-login-panel{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:28px 20px 0;border-radius:20px}
 .agent-login-close{right:13px;top:13px;width:36px;height:36px}
 .agent-login-popup-head{padding:0 16px 18px}
 .agent-login-popup-head h2{font-size:25px}
 .agent-login-popup-head p{font-size:11.5px}
 .agent-login-progress{margin-top:17px}
 .agent-login-popup-foot{margin:21px -20px 0;border-radius:0 0 20px 20px}
 .agent-login-otp-step{padding-bottom:24px}
 .agent-otp-actions{align-items:stretch;flex-direction:column-reverse;gap:7px}
 .agent-otp-actions form,.agent-otp-back,.agent-otp-resend{width:100%}
 .agent-otp-back,.agent-otp-resend{justify-content:center}
}

/* Logged-in partner controls stay inside the public website navigation. */
.agent-nav-account{display:flex;align-items:center;gap:9px;min-height:42px;padding:5px 11px 5px 6px;border:1px solid #cce5dc;border-radius:11px;background:#f1faf7}
.agent-nav-account>span{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:9px;color:#fff;background:linear-gradient(135deg,#0aa478,#08765a)}
.agent-nav-account>span svg{width:16px;height:16px}
.agent-nav-account p{min-width:0;margin:0;line-height:1.15}
.agent-nav-account strong,.agent-nav-account small{display:block;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agent-nav-account strong{color:#17354b;font-size:11px;font-weight:800}
.agent-nav-account small{margin-top:3px;color:#168066;font-size:8px;font-weight:750;letter-spacing:.02em}
.agent-nav-logout-form{margin:0}
.agent-nav-logout{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 12px;border:1px solid #e3d9de;border-radius:10px;color:#8d4051;background:#fff;font:750 11px 'Plus Jakarta Sans',sans-serif;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}
.agent-nav-logout svg{width:15px;height:15px}
.agent-nav-logout:hover{border-color:#edb8c2;color:#b42f49;background:#fff6f7}
@media(max-width:1199px){.agent-nav-account p,.agent-nav-logout span{display:none}.agent-nav-account{padding-right:6px}.agent-nav-logout{width:42px;padding:0}}
@media(max-width:767px){.navbar-collapse .agent-nav-account{flex:1}.navbar-collapse .agent-nav-account p{display:block}.navbar-collapse .agent-nav-logout-form{flex:1}.navbar-collapse .agent-nav-logout{width:100%}.navbar-collapse .agent-nav-logout span{display:inline}}

/* Agency account dropdown */
.agent-account-dropdown{position:relative;flex:0 0 auto}
.agent-account-dropdown .agent-nav-account{min-width:210px;height:46px;padding:5px 8px 5px 6px;border:1px solid #cfe2dc;border-radius:13px;background:#fff;box-shadow:0 7px 18px rgba(17,58,49,.07);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.agent-account-dropdown .agent-nav-account:hover,.agent-account-dropdown .agent-nav-account[aria-expanded="true"]{border-color:#8fcfba;box-shadow:0 10px 24px rgba(8,118,90,.13);transform:translateY(-1px)}
.agent-account-dropdown .agent-nav-avatar{width:34px;height:34px;flex-basis:34px;border-radius:10px}
.agent-account-dropdown .agent-nav-account p{flex:1;text-align:left}
.agent-account-dropdown .agent-nav-account strong{max-width:132px;color:#17354b;font-size:10.5px;text-transform:uppercase}
.agent-account-dropdown .agent-nav-account small{display:flex;align-items:center;gap:4px;max-width:132px;color:#0b8063;font-size:7.5px}
.agent-account-dropdown .agent-nav-account small svg{width:10px;height:10px}
.agent-nav-chevron{width:15px;height:15px;flex:0 0 15px;color:#667b8f;transition:transform .18s ease}
.agent-nav-account[aria-expanded="true"] .agent-nav-chevron{transform:rotate(180deg)}
.agent-account-menu{width:310px;margin-top:10px!important;padding:0!important;overflow:hidden;border:1px solid #d9e3e0!important;border-radius:15px!important;background:#fff!important;box-shadow:0 22px 55px rgba(12,38,59,.18)!important}
.agent-account-menu:before{position:absolute;top:-7px;right:25px;width:13px;height:13px;border-top:1px solid #d9e3e0;border-left:1px solid #d9e3e0;background:#fff;content:"";transform:rotate(45deg)}
.agent-account-menu>header{position:relative;display:flex;align-items:center;gap:11px;padding:15px 16px;border-bottom:1px solid #e5ece9;background:linear-gradient(135deg,#f8fcfa,#eef9f5)}
.agent-account-menu>header>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#0da478,#08765a)}
.agent-account-menu>header>span svg{width:18px;height:18px}
.agent-account-menu>header div{min-width:0}
.agent-account-menu>header strong,.agent-account-menu>header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agent-account-menu>header strong{color:#17344b;font-size:11.5px;font-weight:800;text-transform:uppercase}
.agent-account-menu>header small{max-width:218px;margin-top:3px;color:#718196;font-size:9px}
.agent-account-menu nav{display:grid;padding:7px}
.agent-account-menu nav>a,.agent-account-menu nav form>button{display:grid;grid-template-columns:31px minmax(0,1fr) 15px;align-items:center;gap:9px;width:100%;min-height:45px;padding:5px 8px;border:0;border-radius:9px;color:#344a5f;background:transparent;font:650 11.5px 'Plus Jakarta Sans',sans-serif;text-align:left;text-decoration:none;transition:color .16s ease,background .16s ease}
.agent-account-menu nav>a>svg:first-child,.agent-account-menu nav form>button>svg:first-child{box-sizing:border-box;width:31px;height:31px;padding:8px;border-radius:9px;color:#0c8869;background:#edf8f4}
.agent-account-menu nav>a>svg:last-child,.agent-account-menu nav form>button>svg:last-child{width:14px;height:14px;color:#9aa8b5}
.agent-account-menu nav>a:hover{color:#08765a;background:#f3faf7}
.agent-account-menu nav form{margin:4px 0 0;padding-top:5px;border-top:1px solid #e8eeec}
.agent-account-menu nav form>button{color:#c53c4f;cursor:pointer}
.agent-account-menu nav form>button>svg:first-child{color:#c53c4f;background:#fff0f2}
.agent-account-menu nav form>button:hover{background:#fff5f6}
@media(max-width:1199px) and (min-width:992px){
 .agent-account-dropdown .agent-nav-account{min-width:178px}
 .agent-account-dropdown .agent-nav-account p{display:block}
 .agent-account-dropdown .agent-nav-account strong,.agent-account-dropdown .agent-nav-account small{max-width:104px}
}
@media(max-width:991.98px){
 .agent-account-dropdown{width:100%}
 .agent-account-dropdown .agent-nav-account{width:100%;min-width:0}
 .agent-account-dropdown .agent-nav-account p{display:block}
 .agent-account-dropdown .agent-nav-account strong,.agent-account-dropdown .agent-nav-account small{max-width:none}
 .agent-account-menu{position:static!important;width:100%;margin-top:7px!important;transform:none!important}
 .agent-account-menu:before{display:none}
}
@supports (scrollbar-gutter:stable){html{scrollbar-gutter:stable}.agent-modal-open{padding-right:0}}

@media(min-width:1200px){.agent-modal-panel{width:min(1500px,calc(100vw - 64px));padding:30px 36px;border-radius:24px}.agent-modal-head>span{font-size:11px}.agent-modal-head h2{font-size:30px;margin:6px 0}.agent-modal-head p{font-size:14px}.agent-modal-close{top:22px;right:22px;width:42px;height:42px}.agent-form-grid{gap:15px 16px;margin-top:20px}.agent-field{gap:7px}.agent-field>span:first-child,.agent-upload>span:first-child{font-size:13px}.agent-field input,.agent-field select{height:48px;padding:0 14px;font-size:13px;border-radius:10px}.agent-input-wrap input{padding-right:58px}.agent-password-toggle{right:10px;font-size:10px}.agent-gst-field small{top:39px;right:13px;font-size:9px}.agent-gst-field input{padding-right:220px}.agent-upload-row{gap:16px}.agent-upload{gap:7px}.agent-dropzone{min-height:72px;padding:10px 14px;border-radius:10px}.agent-dropzone svg{width:20px}.agent-dropzone strong{font-size:11px;padding:7px 11px}.agent-dropzone small{font-size:10px}.agent-form-actions{margin-top:18px;padding-top:15px}.agent-form-actions p{font-size:12px}.agent-create-btn{padding:13px 20px;font-size:13px;border-radius:10px}}
@media(max-width:767px){.agent-modal{padding:10px;place-items:center}.agent-modal-panel{width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);padding:22px 16px;border-radius:18px;overscroll-behavior:contain}.agent-modal-head h2{font-size:23px}.agent-modal-head p{font-size:12px;line-height:1.55}.agent-field>span:first-child,.agent-upload>span:first-child{font-size:12px}.agent-field input,.agent-field select{height:48px;font-size:13px}.agent-form-actions{bottom:-22px;border-radius:0 0 18px 18px}.agent-create-btn{min-height:48px;font-size:12px}}