.mihr{position:fixed;inset:0;z-index:999999;background:rgba(0,39,74,.72);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;padding:16px;font-family:Comfortaa,"Trebuchet MS",Arial,sans-serif}
.mihr.on{display:flex}
.mihr *{box-sizing:border-box}
.mihr-box{position:relative;display:grid;grid-template-columns:300px 1fr;width:100%;max-width:860px;max-height:94vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.4);animation:mihrIn .25s ease}
@keyframes mihrIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.mihr-x{position:absolute;top:10px;right:14px;z-index:2;border:0;background:none;font-size:30px;line-height:1;color:#5d6b7a;cursor:pointer}
.mihr-side{background:radial-gradient(420px 260px at 90% 0%,#06396a 0%,transparent 65%),#00274A;color:#fff;padding:30px 26px;border-right:5px solid #FFD500}
.mihr-k{font-family:Bungee,sans-serif;font-size:11px;letter-spacing:.1em;color:#FFD500;text-transform:uppercase}
.mihr-side h3{font-family:Bungee,Impact,sans-serif;font-weight:400;text-transform:uppercase;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:22px;line-height:1.15;margin:10px 0 18px}
.mihr-side ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;font-size:14px}
.mihr-side li{padding-left:24px;position:relative;color:#fff}.mihr-side li:before{content:"";position:absolute;left:0;top:4px;width:13px;height:13px;border-radius:3px;background:#FFD500}
.mihr-side p{color:#c9d6e6;font-size:13px;margin:0}
.mihr-main{padding:26px 30px 24px}
.mihr-tabs{display:flex;gap:4px;background:#f3f6fa;border-radius:10px;padding:4px;margin-bottom:16px;max-width:360px}
.mihr-tabs button{flex:1;border:0;background:none;padding:9px;border-radius:8px;font:inherit;font-weight:700;font-size:13px;color:#00274A;cursor:pointer}
.mihr-tabs button.on{background:#00274A;color:#FFD500}
.mihr h2{font-family:Bungee,Impact,sans-serif;font-weight:400;text-transform:uppercase;color:#00274A!important;-webkit-text-fill-color:#00274A!important;font-size:21px;line-height:1.15;margin:0 0 14px}
.mihr-f{display:grid;gap:11px}
.mihr-f label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:#00274A}
.mihr-f label small{font-weight:400;color:#5d6b7a}
.mihr-f input:not([type=checkbox]):not([type=radio]){font:inherit;font-size:14px;font-weight:400;padding:11px 12px;border:1.5px solid #dfe5ee;border-radius:8px;background:#fff;color:#1d2733;width:100%}
.mihr-f input:focus{outline:0;border-color:#004D92;box-shadow:0 0 0 3px rgba(0,77,146,.15)}
.mihr-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mihr-pw{position:relative;display:block}.mihr-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;cursor:pointer;font-size:16px;opacity:.6}
.mihr-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mihr-seg label{cursor:pointer}.mihr-seg input{position:absolute;opacity:0}
.mihr-seg span{display:block;text-align:center;border:2px solid #dfe5ee;border-radius:9px;padding:9px;font-family:Bungee,sans-serif;font-weight:400;font-size:12px;text-transform:uppercase;color:#00274A}
.mihr-seg input:checked+span{border-color:#004D92;background:#eef4fb}
.mihr-c{flex-direction:row!important;align-items:flex-start;gap:9px!important;font-weight:400!important;font-size:13px!important;color:#1d2733!important;cursor:pointer}
.mihr-c input{width:17px;height:17px;margin-top:1px;accent-color:#004D92;flex:none}.mihr-c a,.mihr-small a{color:#004D92!important;text-decoration:underline}
.mihr-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
.mihr-btn{font-family:Bungee,sans-serif;text-transform:uppercase;font-size:15px;padding:15px;border:0;border-radius:10px;background:#FFD500;color:#00274A;cursor:pointer;transition:background .2s,color .2s;width:100%}
.mihr-btn:hover{background:#004D92;color:#fff}.mihr-btn[disabled]{opacity:.6;cursor:wait}
.mihr-err{display:none;margin:0;color:#b42318;font-size:13px;font-weight:700}
.mihr-small{margin:0;font-size:12px;color:#5d6b7a;text-align:center}
.mihr-done{text-align:center;padding:24px 6px}.mihr-done p{color:#1d2733;line-height:1.6}.mihr-ic{font-size:44px;margin-bottom:6px}
.mih-pending{position:relative;z-index:50;display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;background:#FFD500;color:#00274A;padding:10px 16px;font-family:Comfortaa,Arial,sans-serif;font-size:14px;text-align:center}
.mih-pending button{border:2px solid #00274A;background:transparent;color:#00274A;border-radius:99px;padding:5px 14px;font:inherit;font-weight:700;cursor:pointer}.mih-pending button:hover{background:#00274A;color:#FFD500}
.mih-welcome{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}.mih-welcome .mia-btn{margin:0}
@media(max-width:720px){.mihr-box{grid-template-columns:1fr}.mihr-side{display:none}.mihr-main{padding:22px 18px}.mihr-2{grid-template-columns:1fr}}
/* beat theme button styles */
.mihr button.mihr-btn{background:#FFD500!important;color:#00274A!important;border:0!important;box-shadow:none!important;font-family:Bungee,sans-serif!important;padding:15px!important;border-radius:10px!important}
.mihr button.mihr-btn:hover{background:#004D92!important;color:#fff!important}
.mihr button.mihr-x,.mihr button.mihr-eye{border:0!important;background:none!important;box-shadow:none!important;padding:4px 8px!important;color:#5d6b7a!important;min-height:0!important}
.mihr .mihr-tabs button{border:0!important;box-shadow:none!important;background:none!important;color:#00274A!important;padding:9px!important}
.mihr .mihr-tabs button.on{background:#00274A!important;color:#FFD500!important}
.mih-pending button{background:transparent!important;color:#00274A!important;border:2px solid #00274A!important}