.login-module__ujd_IG__shell{grid-template-columns:1.15fr .85fr;align-items:center;gap:2.5rem;width:min(1120px,100% - 2rem);min-height:calc(100vh - 160px);margin:0 auto 3rem;display:grid}.login-module__ujd_IG__heroPanel,.login-module__ujd_IG__formPanel{min-width:0}.login-module__ujd_IG__formPanel{align-items:center;display:flex}.login-module__ujd_IG__heroCard{background:radial-gradient(circle at 100% 0,#c5956b3d,#0000 34%),linear-gradient(135deg,#7a9a7e24,#f5f0eaeb);border:1px solid #c5956b1f;border-radius:28px;height:100%;padding:clamp(1.55rem,3vw,2.2rem);position:relative;overflow:hidden;box-shadow:0 18px 42px #1a17150f}.login-module__ujd_IG__heroCard:after{content:"";filter:blur(4px);background:#c5956b1a;border-radius:50%;width:280px;height:280px;position:absolute;inset:auto -12% -22% auto}.login-module__ujd_IG__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--secondary);margin:0 0 .75rem;font-size:.72rem;font-weight:700}.login-module__ujd_IG__heroTitle{max-width:12ch;font-family:var(--font-serif);color:var(--text-primary);margin:0;font-size:clamp(1.95rem,3.4vw,3.15rem);line-height:1}.login-module__ujd_IG__heroText{max-width:42ch;color:var(--text-secondary);margin:.9rem 0 0;font-size:.94rem}.login-module__ujd_IG__heroList{gap:.75rem;margin-top:1.25rem;display:grid}.login-module__ujd_IG__heroItem{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #1a17150d;border-radius:18px;grid-template-columns:auto 1fr;align-items:start;gap:.8rem;padding:.85rem .95rem;display:grid}.login-module__ujd_IG__heroItem strong{color:var(--text-primary);margin-bottom:.2rem;display:block}.login-module__ujd_IG__heroItem p{color:var(--text-secondary);margin:0;font-size:.88rem}.login-module__ujd_IG__heroBadge{background:var(--text-primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.74rem;font-weight:700;display:inline-flex}.login-module__ujd_IG__formCard{background:#fffffff5;border:1px solid #1a17150f;border-radius:28px;width:min(100%,470px);margin:0 auto;padding:clamp(1.35rem,2.6vw,1.9rem);box-shadow:0 16px 36px #1a171512}.login-module__ujd_IG__formHeader{margin-bottom:1rem}.login-module__ujd_IG__brandLink{min-height:40px;color:var(--text-primary);font-family:var(--font-serif);letter-spacing:-.03em;align-items:center;margin-bottom:1.25rem;font-size:1.6rem;font-weight:700;text-decoration:none;display:inline-flex}.login-module__ujd_IG__brandLogo{object-fit:contain;width:auto;max-height:36px}.login-module__ujd_IG__formHeader h2{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:clamp(1.65rem,2.5vw,2.2rem);line-height:1.1}.login-module__ujd_IG__formHeader p{color:var(--text-secondary);margin:.6rem 0 0;font-size:1rem;line-height:1.5}.login-module__ujd_IG__errorBanner{color:var(--danger);background:#c0392b14;border:1px solid #c0392b1f;border-radius:14px;margin-bottom:.85rem;padding:.75rem .9rem;font-size:.88rem}.login-module__ujd_IG__field{gap:.35rem;display:grid}.login-module__ujd_IG__field label{color:var(--text-primary);font-size:.86rem;font-weight:700}.login-module__ujd_IG__phoneRow{grid-template-columns:132px minmax(0,1fr);gap:.75rem;display:grid}.login-module__ujd_IG__countrySelect,.login-module__ujd_IG__input{border:1px solid var(--border);width:100%;min-width:0;color:var(--text-primary);transition:var(--transition);background:#fff;border-radius:14px;outline:none;padding:.82rem .9rem;font-size:.94rem}.login-module__ujd_IG__countrySelect:focus,.login-module__ujd_IG__input:focus{border-color:#c5956be6;box-shadow:0 0 0 4px #c5956b29}.login-module__ujd_IG__countrySelect:disabled,.login-module__ujd_IG__input:disabled{background:var(--surface-hover);color:var(--text-secondary);cursor:not-allowed}.login-module__ujd_IG__form{gap:.85rem;display:grid}.login-module__ujd_IG__otpInput{text-align:center;letter-spacing:.34em;font-size:1.05rem;font-weight:700}.login-module__ujd_IG__primaryButton,.login-module__ujd_IG__secondaryButton,.login-module__ujd_IG__textButton{appearance:none;cursor:pointer;transition:var(--transition);font:inherit;border:none}.login-module__ujd_IG__primaryButton,.login-module__ujd_IG__secondaryButton{border-radius:999px;width:100%;padding:.84rem .95rem;font-size:.94rem;font-weight:700}.login-module__ujd_IG__primaryButton{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;box-shadow:0 18px 32px #c5956b42}.login-module__ujd_IG__primaryButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 34px #c5956b4d}.login-module__ujd_IG__secondaryButton{color:var(--text-primary);background:#1a17150a}.login-module__ujd_IG__secondaryButton:hover:not(:disabled){background:#1a171514}.login-module__ujd_IG__primaryButton:disabled,.login-module__ujd_IG__secondaryButton:disabled,.login-module__ujd_IG__textButton:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.login-module__ujd_IG__actionGroup{gap:.65rem;display:grid}.login-module__ujd_IG__textButton{color:var(--primary);background:0 0;justify-self:start;padding:0;font-size:.88rem;font-weight:700}.login-module__ujd_IG__textButton:hover:not(:disabled){color:var(--primary-hover)}.login-module__ujd_IG__cardFooterMuted a{font-weight:700}.login-module__ujd_IG__cardFooterMuted{color:var(--text-secondary);flex-wrap:wrap;gap:.4rem;margin-top:.75rem;font-size:.88rem;display:flex}.login-module__ujd_IG__loadingState{min-height:50vh;color:var(--text-secondary);place-items:center;display:grid}@media (max-width:980px){.login-module__ujd_IG__shell{grid-template-columns:1fr;min-height:auto;margin:1rem auto 1.25rem}.login-module__ujd_IG__heroTitle{max-width:16ch}}@media (max-width:640px){.login-module__ujd_IG__shell{width:min(100%,100% - 1rem);margin:1rem auto 2rem}.login-module__ujd_IG__heroCard,.login-module__ujd_IG__formCard{border-radius:22px;padding:1.35rem}.login-module__ujd_IG__phoneRow{grid-template-columns:1fr}}
.datatable-container{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.datatable-container:hover{box-shadow:var(--shadow-md)}.datatable-header{border-bottom:1px solid var(--border);background:linear-gradient(to bottom,var(--surface),var(--background));justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.datatable-search-wrapper{flex:1;max-width:400px;position:relative}.datatable-search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.datatable-search-input{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);width:100%;font-size:.875rem;font-family:var(--font-family);transition:var(--transition);outline:none;padding:.75rem 1rem .75rem 2.75rem}.datatable-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #c5956b1a}.datatable-actions{align-items:center;gap:.75rem;display:flex}.datatable-scroll{width:100%;overflow-x:auto}.datatable-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.datatable-table th{background:var(--background);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.datatable-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:1.25rem 1.5rem;font-size:.875rem;transition:background .2s}.datatable-row:hover td{background-color:var(--surface-hover)}.datatable-row.clickable{cursor:pointer}.datatable-row.clickable:active{background-color:var(--surface)}.datatable-row:last-child td{border-bottom:none}.datatable-footer{background:var(--background);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.datatable-info{color:var(--text-secondary);font-size:.875rem}.datatable-pagination{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.pagination-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:var(--background);border-color:var(--text-secondary);color:var(--text-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--surface);color:var(--text-secondary);border-color:var(--border);box-shadow:none}.pagination-number{border-radius:var(--radius-md);cursor:pointer;width:2.25rem;height:2.25rem;color:var(--text-secondary);border:1px solid #0000;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.pagination-number:hover:not(.active){background:var(--surface);color:var(--text-primary)}.pagination-number.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm);font-weight:600}.status-pill{text-transform:uppercase;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.datatable-skeleton{padding:1.25rem 1.5rem}.skeleton-box{background:linear-gradient(90deg,var(--border)25%,var(--background)50%,var(--border)75%);background-size:200% 100%;border-radius:4px;height:1rem;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.datatable-empty{text-align:center;color:var(--text-secondary);padding:4rem 2rem}.datatable-empty svg{opacity:.5;margin-bottom:1rem}