@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;600&display=swap";
@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.users-management{color:#14182b;min-height:100vh;font-family:Inter,Segoe UI,sans-serif}@media (max-width:720px){.users-management{padding:28px 18px 60px}}.um-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:36px;display:flex}.um-header__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#23acf1;align-items:center;gap:8px;margin-bottom:10px;font-family:JetBrains Mono,SFMono-Regular,monospace;font-size:11px;font-weight:600;display:flex}.um-header__eyebrow:before{content:"";background:#23acf1;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #eef0fd}.um-header h2{letter-spacing:-.02em;color:#14182b;margin:0 0 6px;font-family:Sora,Segoe UI,sans-serif;font-size:30px;font-weight:600}.um-header__sub{color:#23acf1;margin:0;font-size:14px}.um-add-btn{color:#fff;cursor:pointer;background:#14182b;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-family:Inter,Segoe UI,sans-serif;font-size:14px;font-weight:600;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #14182b14}.um-add-btn:focus-visible{outline-offset:2px;outline:2px solid #23acf1}.um-add-btn .um-add-btn__icon{place-items:center;width:18px;height:18px;transition:transform .22s cubic-bezier(.16,1,.3,1);display:grid}.um-add-btn:hover{background:#23acf1;transform:translateY(-1px);box-shadow:0 8px 20px #23acf147}.um-add-btn:hover .um-add-btn__icon{transform:rotate(90deg)}.um-add-btn:active{transform:translateY(0)}.um-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px;display:grid}@media (max-width:720px){.um-stats{grid-template-columns:1fr}}.um-stat-card{opacity:0;background:#fff;border:1px solid #e7e9f5;border-radius:14px;flex-direction:column;gap:4px;padding:18px 20px;animation:.48s cubic-bezier(.16,1,.3,1) forwards um-rise;display:flex;transform:translateY(8px)}.um-stat-card:nth-child(2){animation-delay:60ms}.um-stat-card:nth-child(3){animation-delay:.12s}.um-stat-card__label{color:#23acf1;font-size:12px;font-weight:500}.um-stat-card__value{color:#14182b;font-family:Sora,Segoe UI,sans-serif;font-size:26px;font-weight:600}.um-table-card{opacity:0;background:#fff;border:1px solid #e7e9f5;border-radius:20px;animation:.52s cubic-bezier(.16,1,.3,1) .16s forwards um-rise;overflow:hidden;box-shadow:0 1px 3px #14182b0a}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f6f7fb}.users-table thead th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:#23acf1;white-space:nowrap;border-bottom:1px solid #e7e9f5;padding:16px 24px;font-size:11px;font-weight:600}.users-table tbody tr{transition:background .15s;animation:.42s cubic-bezier(.16,1,.3,1) backwards um-row-in}.users-table tbody tr:hover{background:#f6f7fb}.users-table tbody tr:not(:last-child) td{border-bottom:1px solid #e7e9f5}.users-table tbody tr:first-child{animation-delay:95ms}.users-table tbody tr:nth-child(2){animation-delay:.13s}.users-table tbody tr:nth-child(3){animation-delay:.165s}.users-table tbody tr:nth-child(4){animation-delay:.2s}.users-table tbody tr:nth-child(5){animation-delay:.235s}.users-table tbody tr:nth-child(6){animation-delay:.27s}.users-table tbody tr:nth-child(7){animation-delay:.305s}.users-table tbody tr:nth-child(8){animation-delay:.34s}.users-table tbody tr:nth-child(9){animation-delay:.375s}.users-table tbody tr:nth-child(10){animation-delay:.41s}.users-table tbody tr:nth-child(11){animation-delay:.445s}.users-table tbody tr:nth-child(12){animation-delay:.48s}.users-table tbody tr:nth-child(13){animation-delay:.515s}.users-table tbody tr:nth-child(14){animation-delay:.55s}.users-table tbody tr:nth-child(15){animation-delay:.585s}.users-table tbody tr:nth-child(16){animation-delay:.62s}.users-table tbody tr:nth-child(17){animation-delay:.655s}.users-table tbody tr:nth-child(18){animation-delay:.69s}.users-table tbody tr:nth-child(19){animation-delay:.725s}.users-table tbody tr:nth-child(20){animation-delay:.76s}.users-table tbody tr:nth-child(21){animation-delay:.795s}.users-table tbody tr:nth-child(22){animation-delay:.83s}.users-table tbody tr:nth-child(23){animation-delay:.865s}.users-table tbody tr:nth-child(24){animation-delay:.9s}.users-table td{vertical-align:middle;padding:16px 24px;font-size:14px}.um-user-cell{align-items:center;gap:12px;display:flex}.um-user-cell__avatar{color:#23acf1;background:#eef0fd;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-family:Sora,Segoe UI,sans-serif;font-size:14px;font-weight:600;display:grid}.um-user-cell__email{color:#14182b;font-weight:500}.um-user-cell__id{color:#9aa0c2;font-family:JetBrains Mono,SFMono-Regular,monospace;font-size:11px}.um-permissions{flex-wrap:wrap;gap:8px;max-width:420px;display:flex}.um-chip{color:#23acf1;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f6f7fb;border:1px solid #e7e9f5;border-radius:999px;align-items:center;gap:6px;padding:7px 12px 7px 10px;font-size:12.5px;font-weight:500;transition:background .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.um-chip input{opacity:0;width:0;height:0;position:absolute}.um-chip__box{border:1.5px solid #9aa0c2;border-radius:4px;flex-shrink:0;place-items:center;width:14px;height:14px;transition:background .16s cubic-bezier(.16,1,.3,1),border-color .16s cubic-bezier(.16,1,.3,1),transform .16s cubic-bezier(.16,1,.3,1);display:grid}.um-chip__box svg{opacity:0;width:9px;height:9px;transition:opacity .14s cubic-bezier(.16,1,.3,1),transform .14s cubic-bezier(.16,1,.3,1);transform:scale(.5)}.um-chip:hover{color:#14182b;border-color:#23acf1}.um-chip:has(input:checked){color:#23acf1;background:#eef0fd;border-color:#23acf1}.um-chip:has(input:checked) .um-chip__box{background:#23acf1;border-color:#23acf1;transform:scale(1.05)}.um-chip:has(input:checked) .um-chip__box svg{opacity:1;transform:scale(1)}.um-chip:active{transform:scale(.96)}.um-chip:focus-visible{outline-offset:2px;outline:2px solid #23acf1}.um-save-btn{color:#14182b;cursor:pointer;background:#fff;border:1px solid #e7e9f5;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-family:Inter,Segoe UI,sans-serif;font-size:13px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.um-save-btn:focus-visible{outline-offset:2px;outline:2px solid #23acf1}.um-save-btn:hover{color:#fff;background:#14182b;border-color:#14182b}.um-save-btn.is-saving{pointer-events:none;color:#23acf1}.um-save-btn.is-saving .um-spinner{display:inline-block}.um-spinner{border:2px solid #23acf140;border-top-color:#23acf1;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite um-spin;display:none}.um-loading{color:#23acf1;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:120px 0;display:flex}.um-loading .um-spinner-lg{border:3px solid #e7e9f5;border-top-color:#23acf1;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite um-spin}.um-loading span{font-size:13px;font-weight:500}.um-empty{text-align:center;color:#23acf1;padding:64px 24px}.um-empty__title{color:#14182b;margin-bottom:4px;font-family:Sora,Segoe UI,sans-serif;font-size:16px;font-weight:600}.um-empty__sub{font-size:13px}.um-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;opacity:0;background:#14182b73;place-items:center;padding:20px;animation:.22s cubic-bezier(.16,1,.3,1) forwards um-fade-in;display:grid;position:fixed;inset:0}.um-modal{opacity:0;background:#fff;border-radius:20px;width:100%;max-width:420px;padding:32px;animation:.32s cubic-bezier(.16,1,.3,1) forwards um-modal-in;transform:translateY(16px)scale(.97);box-shadow:0 24px 60px #14182b40}.um-modal__head{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.um-modal__head h3{color:#14182b;margin:0 0 4px;font-family:Sora,Segoe UI,sans-serif;font-size:20px;font-weight:600}.um-modal__head p{color:#23acf1;margin:0;font-size:13px}.um-modal__close{cursor:pointer;color:#23acf1;background:#f6f7fb;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;transition:background .15s,color .15s,transform .15s;display:grid}.um-modal__close:focus-visible{outline-offset:2px;outline:2px solid #23acf1}.um-modal__close:hover{color:#dc2626;background:#fdecec;transform:rotate(90deg)}.um-field{margin-bottom:18px}.um-field label{color:#23acf1;margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.um-field input{box-sizing:border-box;color:#14182b;background:#f6f7fb;border:1.5px solid #e7e9f5;border-radius:8px;width:100%;padding:12px 14px;font-family:Inter,Segoe UI,sans-serif;font-size:14px;transition:border-color .16s cubic-bezier(.16,1,.3,1),background .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1)}.um-field input::placeholder{color:#9aa0c2}.um-field input:focus{background:#fff;border-color:#23acf1;outline:none;box-shadow:0 0 0 4px #eef0fd}.um-field--password{position:relative}.um-field--password .um-field__toggle{cursor:pointer;color:#9aa0c2;background:0 0;border:none;place-items:center;padding:4px;transition:color .15s;display:grid;position:absolute;top:38px;right:12px}.um-field--password .um-field__toggle:hover{color:#23acf1}.um-modal__actions{gap:10px;margin-top:26px;display:flex}.um-modal__actions button{cursor:pointer;border-radius:8px;flex:1;padding:12px;font-family:Inter,Segoe UI,sans-serif;font-size:14px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1)}.um-modal__actions button:focus-visible{outline-offset:2px;outline:2px solid #23acf1}.um-btn-secondary{color:#23acf1;background:#fff;border:1.5px solid #e7e9f5}.um-btn-secondary:hover{background:#f6f7fb;border-color:#9aa0c2}.um-btn-primary{color:#fff;background:#23acf1;border:1.5px solid #23acf1;justify-content:center;align-items:center;gap:8px;display:flex}.um-btn-primary:hover{background:#23acf1;border-color:#23acf1;box-shadow:0 8px 20px #23acf14d}.um-btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.um-toast{color:#fff;z-index:1100;background:#14182b;border-radius:999px;align-items:center;gap:10px;padding:13px 22px;font-size:13.5px;font-weight:500;animation:.32s cubic-bezier(.16,1,.3,1) forwards um-toast-in;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 12px 32px #14182b4d}.um-toast.um-toast--error{background:#dc2626}.um-toast__dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:7px;height:7px}.um-toast.um-toast--error .um-toast__dot{background:#d97706}@keyframes um-rise{to{opacity:1;transform:translateY(0)}}@keyframes um-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes um-spin{to{transform:rotate(360deg)}}@keyframes um-fade-in{to{opacity:1}}@keyframes um-modal-in{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes um-toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.um-block-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:8px 14px}.um-unblock-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:8px;padding:8px 14px}
.gati-side-cta{z-index:100;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.gati-side-cta .gati-side-cta__link{opacity:0;border-radius:50% 0% 0% 50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;text-decoration:none;transition:width .35s,border-radius .35s;animation:.5s forwards gati-slide-in;display:flex;position:relative;overflow:hidden;transform:translate(40px);box-shadow:0 5px 15px #00000040}.gati-side-cta .gati-side-cta__link--whatsapp{background:linear-gradient(135deg,#25d366,#128c3e);animation-delay:.1s}.gati-side-cta .gati-side-cta__link--call{background:linear-gradient(135deg,#2196f3,#0d5fa8);animation-delay:.25s}.gati-side-cta .gati-side-cta__link--email{background:linear-gradient(135deg,#ff5252,#b71c1c);animation-delay:.4s}.gati-side-cta .gati-side-cta__icon{z-index:2;border-radius:50%;flex-shrink:0;width:26px;height:26px;transition:transform .3s}.gati-side-cta .gati-side-cta__pulse{opacity:.6;z-index:1;background:#25d366;border-radius:50%;animation:2s infinite gati-pulse;position:absolute;inset:0}.gati-side-cta .gati-side-cta__label{white-space:nowrap;color:#fff;z-index:2;max-width:0;margin-left:0;font-size:14px;font-weight:600;transition:max-width .35s,margin-left .35s;overflow:hidden}.gati-side-cta .gati-side-cta__link:hover{border-radius:26px 0 0 26px;width:auto;padding:0 16px 0 12px}.gati-side-cta .gati-side-cta__link:hover .gati-side-cta__icon{transform:scale(1.1)}.gati-side-cta .gati-side-cta__link:hover .gati-side-cta__label{max-width:160px;margin-left:10px}@keyframes gati-slide-in{to{opacity:1;transform:translate(0)}}@keyframes gati-pulse{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(1.8)}}@media (max-width:768px){.gati-side-cta .gati-side-cta__link{width:46px;height:46px}.gati-side-cta .gati-side-cta__icon{width:22px;height:22px}.gati-side-cta .gati-side-cta__label{display:none}}@media (max-width:480px){.gati-side-cta{gap:8px;transform:translateY(-50%)}.gati-side-cta .gati-side-cta__link{border-radius:50% 0% 0% 50%;width:40px;height:40px;box-shadow:0 3px 10px #0000004d}.gati-side-cta .gati-side-cta__icon{width:19px;height:19px}.gati-side-cta .gati-side-cta__link:hover{width:40px;padding:0}.gati-side-cta .gati-side-cta__pulse{animation:2s infinite gati-pulse}}
.gati-urgent-banner{z-index:1001;opacity:0;pointer-events:none;background:linear-gradient(135deg,#128c3e,#0a5c28);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:min(92%,480px);padding:14px 18px;transition:bottom .5s cubic-bezier(.22,1,.36,1),opacity .5s;display:flex;position:fixed;bottom:-120px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000059}.gati-urgent-banner--visible{opacity:1;pointer-events:auto;bottom:20px}.gati-urgent-banner__close{color:#128c3e;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:18px;line-height:1;transition:transform .2s;display:flex;position:absolute;top:-10px;right:-6px;box-shadow:0 3px 8px #0000004d}.gati-urgent-banner__close:hover{transform:scale(1.1)}.gati-urgent-banner__content{flex-direction:column;gap:4px;min-width:0;display:flex}.gati-urgent-banner__badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#ffffff26;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.gati-urgent-banner__dot{background:#ffeb3b;border-radius:50%;width:7px;height:7px;animation:1.2s infinite gati-blink}.gati-urgent-banner__text{color:#fff;margin:0;font-size:14px;line-height:1.3}.gati-urgent-banner__text strong{color:#ffeb3b}.gati-urgent-banner__cta{color:#128c3e;white-space:nowrap;background:#fff;border-radius:30px;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none;animation:3.5s ease-in-out infinite gati-shake;display:flex;box-shadow:0 4px 12px #00000040}.gati-urgent-banner__cta-icon{border-radius:50%;width:20px;height:20px}.gati-urgent-banner__cta:hover{animation:none;transform:scale(1.05)}@keyframes gati-blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes gati-shake{0%,88%,to{transform:rotate(0)}90%{transform:rotate(-4deg)}92%{transform:rotate(4deg)}94%{transform:rotate(-3deg)}96%{transform:rotate(3deg)}98%{transform:rotate(0)}}@media (max-width:480px){.gati-urgent-banner{border-radius:14px;flex-wrap:wrap;width:94%;padding:12px 16px}.gati-urgent-banner__content{flex:100%}.gati-urgent-banner__cta{flex:100%;justify-content:center;margin-top:4px}}
@font-face{font-family:Poppins;src:url(/fonts/Poppins-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}.household-item-page{min-height:100%}.household-item-header{justify-content:space-between;align-items:baseline;margin-bottom:22px;display:flex}.household-item-header h2{ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;color:#1b2430;letter-spacing:-.01em;margin:0;font-family:Poppins,sans-serif;font-size:22px;font-style:normal;font-weight:600}.household-item-header .household-item-count{ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;color:#7a8494;background:#fff;border:1px solid #e6e9f0;border-radius:999px;padding:4px 12px;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:500}.household-item-loading,.household-item-error{ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;border-radius:12px;align-items:center;gap:10px;padding:16px 18px;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:500;display:flex}.household-item-loading{color:#7a8494;background:#fff;border:1px solid #e6e9f0}.household-item-loading:before{content:"";border:2px solid #e6e9f0;border-top-color:#23acf1;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite ir-spin}.household-item-error{color:#b91c1c;background:#fdeeee;border:1px solid #dc26262e}.household-item-error:before{content:"!";color:#fff;background:#dc2626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;display:inline-flex}@keyframes ir-spin{to{transform:rotate(360deg)}}.household-item-table-wrapper{background:#fff;border:1px solid #e6e9f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #1018280a,0 1px 3px #1018280f}.household-item-table{border-collapse:separate;border-spacing:0;width:100%}.household-item-table thead th{ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;text-align:left;letter-spacing:.06em;text-transform:uppercase;color:#7a8494;white-space:nowrap;background:#fafbfd;border-bottom:1px solid #e6e9f0;padding:14px 18px;font-family:Poppins,sans-serif;font-size:11px;font-style:normal;font-weight:600}.household-item-table tbody tr{transition:background .15s,box-shadow .15s}.household-item-table tbody tr:not(:last-child) td{border-bottom:1px solid #e6e9f0}.household-item-table tbody tr:hover{background:#fafbff}.household-item-table td{ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;color:#1b2430;vertical-align:middle;padding:14px 18px;font-family:Poppins,sans-serif;font-size:13.5px;font-style:normal;font-weight:400}.household-item-empty{color:#a4acb8;text-align:center!important;padding:56px 20px!important}.household-item-empty .household-item-empty-title{ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;color:#7a8494;margin-bottom:4px;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;display:block}.household-item-empty .household-item-empty-sub{font-size:12.5px}.household-item-customer-cell{align-items:center;gap:10px;display:flex}.household-item-avatar{color:#23acf1;ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;background:#305cd617;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-family:Poppins,sans-serif;font-size:12.5px;font-style:normal;font-weight:600;display:flex}.household-item-customer-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.household-item-customer-name{ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;color:#1b2430;white-space:nowrap;font-family:Poppins,sans-serif;font-size:13.5px;font-style:normal;font-weight:600}.household-item-customer-phone{color:#7a8494;letter-spacing:.01em;font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:11.5px}.household-item-route-pill{color:#0f8a6b;ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;background:#e9f7f2;border-radius:999px;align-items:center;gap:7px;max-width:260px;padding:6px 12px;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:500;display:inline-flex}.household-item-route-pill .household-item-route-stop{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.household-item-route-pill .household-item-route-arrow{opacity:.65;flex-shrink:0}.household-item-view-btn{color:#23acf1;cursor:pointer;ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;background:#305cd617;border:1px solid #305cd638;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-family:Poppins,sans-serif;font-size:12.5px;font-style:normal;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.household-item-view-btn .household-item-view-count{background:#ffffffb3;border-radius:999px;padding:1px 7px;font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:11px}.household-item-view-btn:hover{background:#305cd629;transform:translateY(-1px)}.household-item-delete-btn{color:#b91c1c;ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;cursor:pointer;background:#fdeeee;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-family:Poppins,sans-serif;font-size:12.5px;font-style:normal;font-weight:600;transition:background .2s,transform .2s,color .2s;display:inline-flex}.household-item-delete-btn svg{width:13px;height:13px}.household-item-delete-btn:hover:not(:disabled){color:#fff;background:#dc2626;transform:translateY(-1px)}.household-item-delete-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.household-item-created-cell{color:#7a8494;white-space:nowrap;font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:11.5px}.household-item-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#0f141e80;justify-content:center;align-items:center;padding:24px;animation:.18s ir-fade-in;display:flex;position:fixed;inset:0}@keyframes ir-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ir-slide-up{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.household-item-modal{background:#fff;border-radius:16px;flex-direction:column;width:640px;max-width:100%;max-height:88vh;animation:.22s cubic-bezier(.16,1,.3,1) ir-slide-up;display:flex;overflow:hidden;box-shadow:0 24px 60px #1018283d}.household-item-modal-header{background:linear-gradient(#fafbfd 0%,#fff 100%);border-bottom:1px dashed #e6e9f0;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;display:flex}.household-item-modal-header h3{ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;color:#1b2430;margin:0 0 2px;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:600}.household-item-modal-header .household-item-modal-eyebrow{ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;letter-spacing:.08em;text-transform:uppercase;color:#a4acb8;font-family:Poppins,sans-serif;font-size:10.5px;font-style:normal;font-weight:500}.household-item-modal-header button{color:#7a8494;cursor:pointer;background:#f2f3f6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:background .15s,color .15s;display:flex}.household-item-modal-header button:hover{color:#1b2430;background:#e8eaef}.household-item-modal-body{padding:20px 24px 24px;overflow-y:auto}.household-item-modal-details{background:#fafbfd;border:1px solid #e6e9f0;border-radius:12px;align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;display:flex}.household-item-modal-details .household-item-modal-avatar{color:#23acf1;ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;background:#305cd617;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;display:flex}.household-item-modal-details .household-item-modal-details-main{flex-direction:column;gap:5px;min-width:0;display:flex}.household-item-modal-details .household-item-modal-customer-name{ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;color:#1b2430;font-family:Poppins,sans-serif;font-size:14.5px;font-style:normal;font-weight:600}.household-item-modal-details .household-item-modal-customer-phone{color:#7a8494;font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:12px}.household-item-detail-table-wrapper{border:1px solid #e6e9f0;border-radius:12px;overflow:hidden}.household-item-detail-table{border-collapse:collapse;width:100%}.household-item-detail-table thead th{ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;text-align:left;letter-spacing:.06em;text-transform:uppercase;color:#7a8494;background:#fafbfd;border-bottom:1px solid #e6e9f0;padding:10px 14px;font-family:Poppins,sans-serif;font-size:10.5px;font-style:normal;font-weight:600}.household-item-detail-table td{ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;color:#1b2430;border-bottom:1px solid #f1f2f5;padding:11px 14px;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400}.household-item-detail-table tbody tr:last-child td{border-bottom:none}.household-item-detail-table tbody tr:hover{background:#fafbff}.household-item-category-tag{ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;color:#23acf1;background:#305cd617;border-radius:999px;padding:3px 10px;font-family:Poppins,sans-serif;font-size:11px;font-style:normal;font-weight:600;display:inline-block}.household-item-qty{ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;color:#1b2430;background:#f2f3f6;border-radius:8px;padding:2px 9px;font-family:Poppins,sans-serif;font-size:12.5px;font-style:normal;font-weight:600;display:inline-block}@media (max-width:720px){.household-item-page{padding:20px 14px 36px}.household-item-table-wrapper{overflow-x:auto}.household-item-table{min-width:640px}.household-item-modal{max-height:92vh}}@media (prefers-reduced-motion:reduce){.household-item-modal-overlay,.household-item-modal,.household-item-loading:before{animation:none}}
.hr-employee-page{min-height:100vh}.hr-employee-card{background:#fff;border:1px solid #e5e9f2;border-radius:16px;padding:24px;box-shadow:0 1px 2px #1018280a,0 1px 3px #1018280f}.hr-employee-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.hr-employee-title-group{align-items:center;gap:12px;display:flex}.hr-employee-title-group h2{color:#1f2937;letter-spacing:-.01em;margin:0;font-size:21px;font-weight:600}.hr-employee-count-badge{color:#2563eb;background:#2563eb14;border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:600}.hr-employee-add-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 1px 2px #2563eb26}.hr-employee-add-btn svg{width:16px;height:16px}.hr-employee-add-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb40}.hr-employee-table-wrapper{border:1px solid #e5e9f2;border-radius:12px;overflow-x:auto}.hr-employee-table{border-collapse:separate;border-spacing:0;width:100%;min-width:880px}.hr-employee-table thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:#6b7280;white-space:nowrap;background:#fafbfd;border-bottom:1px solid #e5e9f2;padding:14px 16px;font-size:11px;font-weight:600}.hr-employee-table tbody tr{transition:background .15s}.hr-employee-table tbody tr:not(:last-child) td{border-bottom:1px solid #e5e9f2}.hr-employee-table tbody tr:hover{background:#fafbff}.hr-employee-table td{color:#1f2937;vertical-align:middle;padding:14px 16px;font-size:13.5px}.hr-employee-empty{text-align:center!important;padding:48px 20px!important}.hr-employee-empty-title{color:#6b7280;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.hr-employee-empty-sub{color:#9aa3b2;font-size:12.5px}.hr-employee-person-cell{align-items:center;gap:10px;display:flex}.hr-employee-avatar{color:#2563eb;background:#2563eb14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12.5px;font-weight:600;display:flex}.hr-employee-person-name{color:#1f2937;white-space:nowrap;font-size:13.5px;font-weight:600}.hr-employee-id-tag{color:#6b7280;background:#f2f4f8;border-radius:8px;padding:3px 9px;font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:600}.hr-employee-contact-cell{flex-direction:column;gap:2px;display:flex}.hr-employee-phone{color:#1f2937;font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:12px}.hr-employee-email{color:#6b7280;font-size:12px}.hr-employee-salary{white-space:nowrap;font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace;font-weight:600}.hr-employee-status{border-radius:999px;padding:5px 13px;font-size:12px;font-weight:600;display:inline-block}.hr-employee-status--active{color:#15803d;background:#dcfce7}.hr-employee-status--inactive{color:#dc2626;background:#fee2e2}.hr-employee-delete-btn{color:#b91c1c;cursor:pointer;background:#fdeeee;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;font-weight:600;transition:background .2s,color .2s,transform .2s;display:inline-flex}.hr-employee-delete-btn svg{width:13px;height:13px}.hr-employee-delete-btn:hover:not(:disabled){color:#fff;background:#dc2626;transform:translateY(-1px)}.hr-employee-delete-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.hr-employee-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#0f141e80;justify-content:center;align-items:center;padding:24px;animation:.18s hr-employee-fade-in;display:flex;position:fixed;inset:0}@keyframes hr-employee-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hr-employee-slide-up{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.hr-employee-modal{background:#fff;border-radius:16px;flex-direction:column;width:620px;max-width:100%;max-height:90vh;animation:.22s cubic-bezier(.16,1,.3,1) hr-employee-slide-up;display:flex;overflow:hidden;box-shadow:0 24px 60px #1018283d}.hr-employee-modal-header{background:linear-gradient(#fafbfd 0%,#fff 100%);border-bottom:1px solid #e5e9f2;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;display:flex}.hr-employee-modal-header h3{color:#1f2937;margin:0;font-size:17px;font-weight:600}.hr-employee-modal-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#9aa3b2;margin-bottom:2px;font-size:10.5px;font-weight:600;display:block}.hr-employee-modal-close{color:#6b7280;cursor:pointer;background:#f2f3f6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:background .15s,color .15s;display:flex}.hr-employee-modal-close:hover{color:#1f2937;background:#e8eaef}.hr-employee-modal-body{padding:20px 24px 24px;overflow-y:auto}.hr-employee-modal-sub{color:#6b7280;margin:0 0 20px;font-size:13.5px}.hr-employee-form-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:22px;display:grid}.hr-employee-field{flex-direction:column;gap:6px;display:flex}.hr-employee-field span{color:#1f2937;font-size:12.5px;font-weight:600}.hr-employee-field input{color:#1f2937;box-sizing:border-box;background:#fff;border:1px solid #e5e9f2;border-radius:8px;width:100%;padding:11px 13px;font-size:14px;transition:border-color .2s,box-shadow .2s}.hr-employee-field input::placeholder{color:#9aa3b2}.hr-employee-field input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb14}.hr-employee-input-prefix{background:#fff;border:1px solid #e5e9f2;border-radius:8px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.hr-employee-input-prefix span{color:#6b7280;padding:0 0 0 13px;font-size:14px;font-weight:600}.hr-employee-input-prefix input{box-shadow:none!important;border:none!important}.hr-employee-input-prefix:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.hr-employee-modal-actions{justify-content:flex-end;gap:10px;display:flex}.hr-employee-cancel-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e9f2;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:background .2s,color .2s}.hr-employee-cancel-btn:hover:not(:disabled){color:#1f2937;background:#f2f3f6}.hr-employee-cancel-btn:disabled{opacity:.55;cursor:not-allowed}.hr-employee-submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 24px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.hr-employee-submit-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.hr-employee-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:768px){.hr-employee-page{padding:18px 14px 36px}.hr-employee-card{padding:16px}.hr-employee-toolbar{flex-direction:column;align-items:flex-start}.hr-employee-add-btn{justify-content:center;width:100%}.hr-employee-form-grid{grid-template-columns:1fr}.hr-employee-modal-actions{flex-direction:column-reverse}.hr-employee-modal-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.hr-employee-modal-overlay,.hr-employee-modal{animation:none}}
.lead-dashboard{background:#f5f7fb;min-height:100vh;padding:25px}.lead-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.lead-header h1{color:#111827;margin:0;font-size:30px}.lead-header p{color:#6b7280;margin-top:5px}.lead-actions{gap:15px;display:flex}.lead-actions button{cursor:pointer;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-weight:600}.upload-btn{background:#2563eb}.export-btn{background:#16a34a}.delete-btn{background:#dc2626}.lead-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;display:grid}.lead-stat-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 12px #00000014}.lead-stat-card h2{margin:0;font-size:32px}.lead-stat-card p{color:#6b7280;margin-top:8px}.lead-search{gap:15px;margin-bottom:30px;display:flex}.lead-search input,.lead-search select{border:1px solid #d1d5db;border-radius:8px;padding:12px}.lead-search input{width:350px}.lead-search button{color:#fff;background:#2563eb;border:none;border-radius:8px;padding:0 25px}.lead-table-placeholder{text-align:center;background:#fff;border-radius:12px;padding:50px;box-shadow:0 4px 12px #00000014}@media (max-width:992px){.lead-header{flex-direction:column;align-items:flex-start;gap:20px}.lead-stats-grid{grid-template-columns:repeat(2,1fr)}.lead-search{flex-direction:column}.lead-search input{width:100%}}@media (max-width:600px){.lead-stats-grid{grid-template-columns:1fr}.lead-actions{flex-wrap:wrap;width:100%}.lead-actions button{flex:1}}.lead-table{background:#fff;border-radius:12px;overflow:auto;box-shadow:0 4px 15px #00000014}.lead-table table{border-collapse:collapse;width:100%;min-width:1200px}.lead-table th{color:#fff;text-align:left;background:#2563eb;padding:16px}.lead-table td{border-bottom:1px solid #eee;padding:16px}.lead-table tr:hover{background:#fafafa}.assign-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:8px 15px}.view-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;padding:8px 15px}.status{border-radius:30px;padding:6px 14px;font-size:13px;font-weight:600}.status.new{color:#1d4ed8;background:#dbeafe}.status.assigned{color:#d97706;background:#fef3c7}.status.booked{color:#15803d;background:#dcfce7}.upload-overlay{z-index:999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upload-modal{background:#fff;border-radius:12px;width:900px;max-width:95%;padding:25px}.upload-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.upload-header button{cursor:pointer;background:0 0;border:none;font-size:22px}.upload-drop{cursor:pointer;border:2px dashed #2563eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:250px;transition:all .3s;display:flex}.upload-drop:hover{background:#eff6ff}.upload-drop button{color:#fff;background:#2563eb;border:none;border-radius:8px;margin-top:20px;padding:10px 20px}.preview-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.preview-top button{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;padding:12px 22px}.preview-table{border-collapse:collapse;width:100%}.preview-table th{color:#fff;background:#2563eb;padding:14px}.preview-table td{border-bottom:1px solid #eee;padding:14px}.mapping-box{border-top:1px solid #ddd;margin-top:30px;padding-top:25px}.mapping-box table{border-collapse:collapse;width:100%;margin-top:20px}.mapping-box th{color:#fff;background:#2563eb;padding:14px}.mapping-box td{border-bottom:1px solid #eee;padding:14px}.mapping-box select{border:1px solid #ddd;border-radius:8px;width:100%;padding:10px}.mapping-box button{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;margin-top:25px;padding:12px 25px}.bulk-toolbar{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin:20px 0;padding:15px 20px;display:flex;box-shadow:0 4px 10px #00000014}.bulk-toolbar button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 20px}.assign-overlay{z-index:999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.assign-modal{background:#fff;border-radius:12px;width:420px;padding:25px}.assign-modal select{border:1px solid #ddd;border-radius:8px;width:100%;margin:20px 0;padding:12px}.assign-footer{justify-content:flex-end;gap:10px;display:flex}.assign-footer button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px}
.floating-video{z-index:1000;background:#fff;border-radius:12px;width:180px;animation:.4s fadeUp;position:fixed;bottom:20px;right:20px;overflow:hidden;box-shadow:0 8px 25px #0003}.floating-video video{cursor:pointer;width:100%;display:block}.close-btn{cursor:pointer;z-index:10;background:#fff;border:none;border-radius:50%;width:28px;height:28px;position:absolute;top:8px;right:8px}.video-modal{z-index:10000;background:#000000d9;justify-content:center;align-items:center;height:100%;display:flex;position:fixed;inset:0}.video-wrapper{justify-content:center;align-items:center;width:90vw;max-width:1100px;height:90vh;display:flex;position:relative}.video-wrapper video{object-fit:contain;border-radius:15px;width:auto;max-width:100%;height:auto;max-height:100%}.modal-close{cursor:pointer;background:#fff;border:none;border-radius:50%;width:40px;height:40px;position:absolute;top:-10px;right:-10px}@keyframes fadeUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:none}}@media (max-width:768px){.floating-video{width:120px;bottom:10px;right:10px}}
@font-face{font-family:Poppins;src:url(/fonts/Poppins-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}.dashboard-layout{background:linear-gradient(135deg,#e6edf7,#f5f8fc);height:100vh;display:flex}.dashboard-layout .logout-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;padding:10px;display:flex}.dashboard-layout .sidebar{background:#fff;border-radius:20px;flex-direction:column;align-items:center;width:80px;margin:15px;padding:20px 10px;display:flex}.dashboard-layout .menu-item{cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin-top:15px;font-size:25px;transition:all .25s;display:flex}.dashboard-layout .menu-item .menu-img{width:80px}.dashboard-layout .menu-item:active{transform:translateY(2px);box-shadow:inset 4px 4px 8px #0003,inset -4px -4px 8px #ffffffb3}.dashboard-layout .menu-item.active{color:#fff;background:#23acf1;box-shadow:inset 4px 4px 10px #0000004d,inset -4px -4px 10px #fff3}.dashboard-layout .main{flex:1;height:100vh;padding:20px;overflow-y:scroll}.dashboard-layout .header{justify-content:space-between;display:flex}.dashboard-layout .search{border:none;border-radius:20px;padding:10px}.dashboard-layout .content{gap:20px;margin-top:20px;display:flex}.dashboard-layout .left{flex:2}.dashboard-layout .right{background:#fff;border-radius:20px;flex:1;padding:20px}.dashboard-layout .activity-cards{gap:20px;display:flex}.dashboard-layout .activity-card{color:#000;border-radius:20px;padding:20px}.dashboard-layout .blue{background:#dbeafe}.dashboard-layout .pink{background:#fce7f3}.dashboard-layout .stats{gap:20px;margin-top:20px;display:flex}.dashboard-layout .stat-card{background:#e0f2fe;border-radius:20px;padding:20px}.dashboard-layout .yellow{background:#fef3c7}.dashboard-layout .purple{background:#ede9fe}.dashboard-layout .big-card{background:#fde68a;border-radius:20px;margin-top:20px;padding:20px}.dashboard-layout .progress{background:#eee;border-radius:10px;height:8px}.dashboard-layout .progress-bar{background:#000;width:40%;height:100%}.dashboard-layout .calendar{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.dashboard-layout .day{text-align:center;border-radius:10px;padding:12px}.dashboard-layout .low{background:#bfdbfe}.dashboard-layout .medium{color:#fff;background:#60a5fa}.dashboard-layout .high{color:#fff;background:#2563eb}.dashboard-layout .very-high{color:#fff;background:#000}.dashboard-layout .graph-card{background:#fff;border-radius:20px;margin-top:20px;padding:20px;animation:.5s fadeIn;box-shadow:0 10px 25px #0000000d}.dashboard-layout .graph-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.dashboard-layout .badge{color:#1e40af;background:#dbeafe;border-radius:20px;padding:5px 12px;font-size:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.day{border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex}.day.low{background:#bfdbfe}.day.medium{background:#60a5fa}.day.high{color:#fff;background:#2563eb}.day.very-high{color:#fff;background:#1e40af}
.admin-login-container{background:linear-gradient(135deg,#1e1e2f,#23acf1);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{text-align:center;background:#fff;border-radius:10px;width:360px;padding:30px;box-shadow:0 10px 30px #0003}.login-card h2{color:#333;margin-bottom:5px}.login-card .error{color:red}.login-card p{color:#777;margin-bottom:25px;font-size:14px}.login-card .input-group{text-align:left;margin-bottom:20px}.login-card .input-group label{color:#444;margin-bottom:6px;font-size:14px;display:block}.login-card .input-group input{border:1px solid #ccc;border-radius:6px;outline:none;width:100%;padding:10px;font-size:14px}.login-card .input-group input:focus{border-color:#5b6cff}.login-card .password-box{position:relative}.login-card .password-box span{color:#5b6cff;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-card button{color:#fff;cursor:pointer;background:#5b6cff;border:none;border-radius:6px;width:100%;padding:12px;font-size:15px;transition:all .3s}.login-card button:hover{background:#4a59e5}.otp-overlay{z-index:999;opacity:0;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s;display:flex;position:fixed;top:0;left:0}.otp-overlay.active{opacity:1}.otp-popup{text-align:center;background:#fff;border-radius:10px;width:350px;padding:30px}.otp-popup input{border:1px solid #ccc;border-radius:5px;width:100%;margin-top:15px;padding:10px}.otp-buttons{justify-content:space-between;margin-top:20px;display:flex}.otp-buttons button{color:#fff;cursor:pointer;background:#23acf1;border:none;border-radius:5px;padding:10px 20px}.otp-buttons .cancel{background:gray}