@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--primary: #8c2ed3;--primary-light: #c15dc1;--secondary: #5058dd;--success: #31d161;--danger: #ff4848;--text-dark: #393939;--text-muted: #747474;--text-light: #8d8f90;--bg-gray: #f3f6f9;--border: #e2e2e2;--gradient-btn: linear-gradient(90deg, #8c2ed3, #c15dc1);--gradient-modal: linear-gradient(to right, #8c2ed3, #5058dd)}html{overflow-x:hidden}body{margin:0;font-family:Work Sans,Poppins,sans-serif;background-color:var(--bg-gray);color:var(--text-dark);-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.inputf-buks{position:relative;background-color:#fff;border:1px solid #e2e2e2;border-radius:4px 8px 8px 4px;padding:8px 12px 8px 16px;border-left:4px solid #5058dd;margin-bottom:14px;width:100%}.inputf-buks label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:2px;font-weight:500}.inputf-buks input{width:100%;border:none;outline:none;font-size:15px;color:#5058dd;font-family:Work Sans,sans-serif;background:transparent;padding:4px 0}.inputf-buks input.has-eye{padding-right:28px}.inputf-buks .eye-btn{position:absolute;right:10px;bottom:11px;background:none;border:none;cursor:pointer;color:#8d8f90;padding:0;display:flex;align-items:center;line-height:1}.inputf-buks .eye-btn:hover{color:#5058dd}.otp-inputs{display:flex;gap:8px;justify-content:center;margin:24px 0;flex-wrap:nowrap}.otp-inputs input{width:44px;height:52px;border:none;border-bottom:2px solid blueviolet;text-align:center;font-size:22px;font-weight:600;background:transparent;outline:none;color:var(--text-dark);font-family:Work Sans,sans-serif;flex-shrink:0;min-width:0}@media (max-width: 400px){.otp-inputs{gap:5px}.otp-inputs input{width:36px;height:44px;font-size:18px}}.btn-gradient{width:100%;border-radius:10px!important;padding:12px 20px!important;background:var(--gradient-btn)!important;border:none!important;color:#fff!important;font-size:15px;font-weight:600;cursor:pointer;font-family:Work Sans,sans-serif;display:block;line-height:1.4}.btn-gradient:disabled{opacity:.7;cursor:not-allowed}.badge-success-buks,.badge-danger-buks,.badge-warning-buks,.badge-info-buks,.badge-purple-buks{border-radius:20px;padding:3px 12px;color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block;line-height:1.6;white-space:nowrap}.badge-success-buks{background-color:#31d161}.badge-danger-buks{background-color:#ff4848}.badge-warning-buks{background-color:#ffa800}.badge-info-buks{background-color:#5058dd}.badge-purple-buks{background-color:#8c2ed3}.indicator-green{background-color:#31d161;padding:0 6px;border-radius:5px;color:#fff;margin-right:6px;font-size:12px;font-weight:700;display:inline-block}.indicator-red{background-color:#ff4848;padding:0 5px;border-radius:5px;color:#fff;margin-right:6px;font-size:12px;font-weight:700;display:inline-block}.auth-page{overflow-x:hidden;max-width:100vw}