*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button:focus,input:focus,textarea:focus,select:focus{outline:none!important}:root{--primary:#6c5ce7;--primary-dark:#5849be;--primary-light:#a29bfe;--primary-glow:#6c5ce766;--bg-main:#f3f4f6;--bg-card:#fff;--bg-tertiary:#f1f5f9;--text-dark:#1e293b;--text-main:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;--success:#00cec9;--success-glow:#00cec966;--danger:#fd79a8;--warning:#fdcb6e;--warning-bg:#fff5e6;--warning-text:#e17055;--border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}[data-theme=dark]{--primary:#8b7ff4;--primary-dark:#6c5ce7;--primary-light:#a29bfe;--primary-glow:#8b7ff466;--bg-main:#0f172a;--bg-card:#1e293b;--bg-tertiary:#334155;--text-dark:#f1f5f9;--text-main:#e2e8f0;--text-muted:#94a3b8;--text-light:#64748b;--success:#10b981;--success-glow:#10b98166;--danger:#ef4444;--warning:#f59e0b;--warning-bg:#f59e0b1a;--warning-text:#fcd34d;--border:#334155;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #000000b3}n *{transition:background-color .3s,color .3s,border-color .3s}:root{--google-blue:#6c5ce7;--google-red:#fd79a8;--google-green:#00cec9;--google-yellow:#fdcb6e;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--btn-radius:var(--radius-lg);--btn-radius-small:var(--radius-sm)}html{scroll-behavior:auto;overflow-x:hidden}body{background:var(--bg-main);font-weight:var(--font-weight-regular);color:var(--text-dark);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:90px 20px 120px;overflow-x:hidden;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif!important}button,input,select,textarea{font-family:Plus Jakarta Sans,sans-serif!important}.admin-container{max-width:500px;margin:0 auto}.sticky-header{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:999;justify-content:space-between;align-items:center;padding:16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000000d}.header-logo{align-items:center;gap:10px;display:flex}.header-logo-icon{background:var(--primary);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.header-logo-icon i{color:#fff;font-size:1rem}.header-title{font-size:1.1rem;font-weight:var(--font-weight-bold);color:var(--text-dark)}.header-actions{align-items:center;gap:8px;display:flex}.header-btn{background:var(--bg-tertiary);border-radius:var(--btn-radius);cursor:pointer;width:40px;height:40px;color:var(--text-dark);border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.header-btn:hover{background:var(--border)}#notification-btn{width:auto;min-width:40px;padding:0 4px}#notification-btn:has(.notification-badge:not(.hidden)){gap:8px;padding:0 12px}.header-btn i{font-size:1.1rem}.notification-badge{background:var(--primary);color:#fff;min-width:20px;height:20px;font-size:.75rem;font-weight:var(--font-weight-bold);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;display:flex;position:relative;top:auto;right:auto}.notification-badge.hidden,.admin-header{display:none}.admin-header h1{color:var(--text-dark);margin-bottom:4px;font-size:1.5rem;font-weight:700}.admin-header p{color:var(--text-muted);font-size:.9rem}.registrasi-overlay{background:var(--bg-main);z-index:1001;animation:.3s slideInRight;position:fixed;inset:0}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.registrasi-container{flex-direction:column;height:100%;display:flex}.registrasi-header{background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.registrasi-body{flex:1;padding:16px 16px 100px;overflow-y:auto}.fab-btn{border:2px solid var(--border);background:var(--bg-card);cursor:pointer;color:var(--text-muted);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.status-active{background:#00cec91a;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:800;color:var(--success)!important}.status-archive{background:#fd79a81a;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:800;color:var(--danger)!important}.fab-btn i{font-size:1.2rem}.fab-btn:hover{border-color:var(--primary);color:var(--primary);background:#6c5ce714}.tabs{background:var(--bg-card);border-top:1px solid var(--border);box-shadow:none;z-index:1000;padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom,20px));will-change:auto;backface-visibility:hidden;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0)}.tab-btn{font-size:.65rem;font-weight:var(--font-weight-medium,500);cursor:pointer;color:var(--text-muted);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;min-height:56px;box-shadow:none;background:0 0;border:none;border-radius:12px;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-family:inherit;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative;overflow:hidden;border-bottom:none!important}.tab-btn i,.tab-btn span{pointer-events:none;border:none;outline:none}.tab-btn i{font-size:1.25rem}.tab-btn.active{color:var(--primary);background:#6c5ce71a;border:none;outline:none}.tab-btn:active,.tab-btn.pressing{background:#6c5ce726;border:none;outline:none;transform:scale(.92)}.tab-btn span{display:block}.tab-btn.tab-large,.tab-btn.tab-small{flex:1}.tab-btn.tab-small span{display:block}.user-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dark);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:10px;margin:0 10px 10px 0;padding:10px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:500;transition:all .2s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 2px 4px #00000005}.user-pill:hover{border-color:var(--primary-light);background:#fff;transform:translateY(-2px);box-shadow:0 8px 16px #6c5ce71a}.user-pill:active{background:var(--bg-tertiary);transform:scale(.96)}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.status-dot.active{background-color:var(--success);box-shadow:0 0 0 2px #00cec933}.status-dot.expired{background-color:var(--danger);box-shadow:0 0 0 2px #fd79a833}.status-dot.inactive{background-color:var(--text-light)}.expiry-group-title{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:12px;padding-left:4px;font-size:.85rem;font-weight:700;display:flex}.toast{bottom:calc(85px + env(safe-area-inset-bottom));background:var(--text-dark);color:#fff;z-index:9999;opacity:0;text-align:center;pointer-events:none;border-radius:16px;max-width:90%;padding:12px 24px;font-size:.85rem;transition:all .3s;position:fixed;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 4px 20px #00000026}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast i{margin-right:6px}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.toast.warning{background:#f59e0b}.toast.info,.toast.default{background:var(--primary)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-modal{z-index:9998;-webkit-backdrop-filter:blur(5px);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out forwards modalFadeIn;display:none;position:fixed;inset:0}.confirm-modal.show{display:flex}.confirm-box,.confirm-modal>div{animation:modalSlideUp .25s cubic-bezier(.16, 1, .3, 1) ease-out forwards}.confirm-box{background:var(--bg-card);text-align:center;border-radius:20px;width:90%;max-width:320px;padding:24px;box-shadow:0 20px 60px #0003}.confirm-box h3{color:var(--text-dark);margin:0 0 12px;font-size:1.1rem}.confirm-box p{color:var(--text-muted);margin:0 0 20px;font-size:.85rem}.confirm-buttons{gap:8px;display:flex}.confirm-buttons button{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px;font-family:inherit;font-weight:600;transition:all .2s}.confirm-cancel{background:var(--border);color:var(--text-dark)}.confirm-cancel:hover{background:#dee2e6}.confirm-ok{background:var(--primary);color:#fff}.confirm-ok:hover{background:var(--primary-dark)}.confirm-danger{background:var(--danger);color:#fff}.confirm-danger:hover{background:#c0392b}.tab-content{display:none}.tab-content.active{display:block}.admin-card{background:var(--bg-card);border:none;border-radius:20px;margin-bottom:20px;padding:20px;overflow:visible;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}.card-title{color:var(--text-dark);align-items:center;gap:12px;margin-bottom:16px;font-size:1rem;font-weight:600;display:flex}.card-title i{color:var(--primary);margin-right:12px}.filter-chip.active,.user-filter-chip.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.status-tab,.user-status-tab{color:var(--text-muted);cursor:pointer;text-align:center;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;margin-bottom:-1px;padding:12px 0;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.status-tab:hover,.user-status-tab:hover{color:var(--text-dark)}.status-tab.active,.user-status-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.user-list{flex-direction:column;gap:10px;display:flex}.user-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.user-card{background:var(--bg-card);text-align:center;border-radius:12px;padding:12px;transition:all .2s;border:2px solid var(--border)!important;box-shadow:none!important}.user-card.sent{border-color:var(--success);background:#00b8940d}.user-card .card-content{justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.user-card .username{font-size:.9rem;font-weight:var(--font-weight-semibold);color:var(--text-dark);word-break:break-all;margin-bottom:0}.expiry-indicator{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:700;display:flex}.expiry-indicator.warning{color:#333;background:#ffd43b}.expiry-indicator.danger{background:var(--danger);color:#fff}.user-card .send-btn{background:var(--primary);color:#fff;width:100%;font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:8px;transition:all .2s;display:flex}.user-card .send-btn:hover{background:var(--primary-dark)}.user-item{border:2px solid var(--border);background:var(--bg-card);border-radius:16px;align-items:center;gap:12px;padding:14px;transition:all .2s;display:flex}.user-item.expired{border-color:var(--danger);background:#e74c3c0d}.user-item.expiring{border-color:var(--warning);background:#f39c120d}.user-item.sent{border-color:var(--success);opacity:.7;background:#00b8940d}.user-checkbox{width:20px;height:20px;accent-color:var(--primary)}.user-info{flex:1}.user-name{color:var(--text-dark);font-size:.95rem;font-weight:600}.user-expiry{color:var(--text-muted);margin-top:2px;font-size:.8rem}.user-expiry.expired{color:var(--danger)}.user-expiry.expiring{color:var(--warning)}.send-btn-small{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:8px 14px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.send-btn-small:hover{background:var(--primary-dark)}.send-btn-small.sent{background:var(--success)}.progress-bar{background:var(--border);border-radius:8px;height:8px;margin-bottom:12px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:8px;height:100%;transition:width .3s}.progress-text{color:var(--text-muted);text-align:center;margin-bottom:16px;font-size:.85rem}.form-group{margin-bottom:16px}.form-label{color:var(--text-dark);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-select,.form-input{border:2px solid var(--border);background:var(--bg-card);width:100%;color:var(--text-dark);box-sizing:border-box;border-radius:12px;min-width:0;max-width:100%;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:all .2s}.form-select:focus,.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6c5ce71a}.preview-box{background:var(--bg-main);white-space:pre-wrap;color:var(--text-dark);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:16px;font-size:.9rem;line-height:1.6}.send-btn{border-radius:var(--btn-radius);color:#fff;width:100%;font-size:1rem;font-weight:var(--font-weight-semibold);cursor:pointer;background:#25d366;border:none;justify-content:center;align-items:center;gap:8px;padding:14px;font-family:inherit;transition:all .2s;display:flex}.send-btn:hover{background:#128c7e}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn svg{width:20px;height:20px}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-state svg{opacity:.5;width:48px;height:48px;margin-bottom:12px}.storage-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.storage-option{border:2px solid var(--border);background:var(--bg-card);cursor:pointer;text-align:center;color:var(--text-dark);border-radius:12px;padding:10px 8px;font-size:.85rem;font-weight:600;transition:all .2s}.storage-option:hover{border-color:var(--primary-light)}.storage-option.selected{border-color:var(--primary);color:var(--primary);background:#6c5ce714}.duration-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.duration-option{border:2px solid var(--border);background:var(--bg-card);cursor:pointer;text-align:center;color:var(--text-dark);border-radius:12px;padding:10px 8px;font-size:.85rem;font-weight:600;transition:all .2s}.duration-option:hover{border-color:var(--primary-light)}.duration-option.selected{border-color:var(--primary);color:var(--primary);background:#6c5ce714}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 0;font-size:.9rem;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-muted)}.info-value{color:var(--text-dark);font-weight:600}.reset-btn{border:2px solid var(--border);border-radius:var(--btn-radius);background:var(--bg-card);width:100%;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:var(--font-weight-medium);margin-bottom:12px;padding:12px;transition:all .2s}.reset-btn:hover{border-color:var(--primary-light);background:var(--bg-main)}.user-card .send-btn.sent,.send-btn.sent{pointer-events:auto;background:#b2bec3!important}.apply-btn{border-radius:var(--btn-radius);background:var(--primary);color:#fff;cursor:pointer;width:100%;font-family:inherit;font-size:.85rem;font-weight:var(--font-weight-semibold);border:none;margin-bottom:12px;padding:12px;transition:all .2s}.apply-btn:hover{background:var(--primary-dark)}.apply-btn i{color:inherit}.resend-btn{background:var(--primary)!important;color:#fff!important}.resend-btn:hover{background:var(--primary-dark)!important}.action-buttons-row{gap:6px;display:flex}.action-btn-small{border-radius:var(--btn-radius);font-size:.75rem;font-weight:var(--font-weight-semibold);cursor:pointer;border:none;padding:8px 12px;font-family:inherit;transition:all .2s}.action-btn-small.primary{background:var(--primary);color:#fff}.action-btn-small.success{background:var(--success);color:#fff}.action-btn-small.warning{background:var(--warning);color:#fff}.action-btn-small.danger{background:var(--danger);color:#fff}.action-btn-small.sent{background:var(--text-muted);color:#fff}.input-form{flex-direction:column;gap:16px;display:flex}.pin-overlay{background:var(--primary);z-index:9999;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pin-overlay.hidden{display:none}.loading-overlay{background:var(--bg-card);z-index:9999;justify-content:center;align-items:center;gap:12px;height:70px;padding:0 20px;transition:transform .3s,opacity .3s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(0);box-shadow:0 2px 10px #0000001a}.loading-overlay.hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.loading-spinner-small{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.loading-text{color:var(--text-muted);font-size:.85rem;font-weight:var(--font-weight-medium,500)}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:1}}.skeleton{background:linear-gradient(90deg, var(--border) 25%, #e8e8e8 50%, var(--border) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-text{width:100%;height:14px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-avatar{border-radius:50%;width:40px;height:40px}.skeleton-card{background:var(--bg-card);border-radius:12px;align-items:center;gap:12px;margin-bottom:10px;padding:16px;display:flex}.skeleton-content{flex:1}.loading-card{display:none}.pin-card{background:var(--bg-card);text-align:center;border-radius:24px;width:100%;max-width:320px;padding:32px 24px;box-shadow:0 20px 60px #00000040}.pin-card h2{color:var(--text-dark);margin-bottom:8px;font-size:1.25rem}.pin-card h2 i{color:var(--primary);margin-right:8px}.pin-card p{color:var(--text-muted);margin-bottom:24px;font-size:.85rem}.pin-inputs{justify-content:center;gap:10px;margin-bottom:24px;display:flex}.pin-input{border:2px solid var(--border);border-radius:var(--btn-radius);width:50px;height:56px;font-size:1.5rem;font-weight:var(--font-weight-semibold);text-align:center;color:var(--text-dark);font-family:inherit;transition:all .2s}.pin-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6c5ce733}.pin-input.error{border-color:var(--danger);animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.pin-error{color:var(--danger);min-height:20px;margin-bottom:16px;font-size:.85rem}.pin-submit-btn{background:var(--primary);color:#fff;border-radius:var(--btn-radius);width:100%;font-size:1rem;font-weight:var(--font-weight-semibold);cursor:pointer;border:none;padding:14px;font-family:inherit;transition:all .2s}.pin-submit-btn:hover{background:var(--primary-dark)}.pin-submit-btn:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}@keyframes spinBlade{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.05)}}input[type=text],input[type=number],input[type=email],input[type=datetime-local],input[type=date],select,textarea{border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);width:100%;color:var(--text-dark);box-shadow:none;outline:none;padding:14px 16px;font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);transform:translateY(-2px)}.search-box input{padding-left:50px}.apply-btn,.pin-submit-btn{background:var(--primary);border-radius:var(--radius-full);box-shadow:none;letter-spacing:.5px;border:none;justify-content:center;align-items:center;gap:6px;padding:14px 24px;font-weight:700;transition:all .3s;display:flex}.apply-btn:hover,.pin-submit-btn:hover{box-shadow:none;transform:translateY(-2px)}.apply-btn:active,.pin-submit-btn:active{transform:scale(.98)}.header-btn,.fab-btn{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:none;background:#fff}.header-btn:hover,.fab-btn:hover{background:var(--bg-tertiary);transform:translateY(-1px)}@media (width<=768px){#user-detail-modal .confirm-box{border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:85vh;margin:0;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.card,.user-card,.skeleton-card{background:#fff;border:none;border-radius:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 15px -3px #00000008,0 4px 6px -2px #00000003}.card:hover,.user-card:hover{transform:translateY(-2px);box-shadow:0 12px 20px -3px #0000000f,0 6px 10px -2px #00000005}.user-card:active{transform:scale(.98)}.btn-whatsapp{box-shadow:none;background:#25d366}.btn-whatsapp:hover{box-shadow:none}#refresh-notif-btn,#refresh-payment-btn,#refresh-registrasi-btn,#refresh-rekap-btn,#refresh-userlist-btn,#refresh-template-btn,#refresh-config-btn,#refresh-wa-btn,.btn-refresh{background:var(--primary)!important;color:#fff!important;box-shadow:none!important;-webkit-box-shadow:none!important;filter:none!important;border:none!important;justify-content:center!important;align-items:center!important;gap:6px!important;display:flex!important}#refresh-notif-btn:hover,#refresh-payment-btn:hover,#refresh-registrasi-btn:hover,#refresh-rekap-btn:hover,#refresh-userlist-btn:hover,#refresh-template-btn:hover,#refresh-config-btn:hover,#refresh-wa-btn:hover,.btn-refresh:hover{background:var(--primary-dark)!important;box-shadow:none!important;-webkit-box-shadow:none!important;filter:none!important;transform:translateY(-2px)!important}i.fa-solid,i.fa-regular,i.fa-brands,i.fab{margin-right:5px}button i,.btn i,.apply-btn i,.header-btn i,.fab-btn i,.pin-submit-btn i,.user-pill i,.tab-btn i,.btn-refresh i,.reset-btn i,.search-box i{margin-right:0!important}.empty-state i{margin-bottom:12px;margin-right:0!important}.header-logo-icon i{margin-right:0!important}.fa-chevron-right,.fa-angle-right{margin-left:8px;margin-right:0!important}.pinwheel-sm{width:32px;height:32px;animation:10s linear infinite spin-slow;position:relative}@keyframes spin-slow{to{transform:rotate(360deg)}}.pinwheel-sm .blade{background:var(--primary);border-radius:50% 50% 0;width:14px;height:14px;position:absolute;box-shadow:0 2px 4px #0000001a}.pinwheel-sm .b1{opacity:1;top:0;left:9px;transform:rotate(0)}.pinwheel-sm .b2{opacity:.85;top:9px;right:0;transform:rotate(90deg)}.pinwheel-sm .b3{opacity:.7;bottom:0;left:9px;transform:rotate(180deg)}.pinwheel-sm .b4{opacity:.55;top:9px;left:0;transform:rotate(270deg)}.pinwheel-lg{width:64px;height:64px;margin:0 auto;animation:10s linear infinite spin-slow;position:relative}.pinwheel-lg .blade{background:var(--primary);border-radius:50% 50% 0;width:28px;height:28px;position:absolute;box-shadow:0 2px 4px #0000001a}.pinwheel-lg .b1{opacity:1;top:0;left:18px;transform:rotate(0)}.pinwheel-lg .b2{opacity:.85;top:18px;right:0;transform:rotate(90deg)}.pinwheel-lg .b3{opacity:.7;bottom:0;left:18px;transform:rotate(180deg)}.pinwheel-lg .b4{opacity:.55;top:18px;left:0;transform:rotate(270deg)}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #2ecc71b3}70%{transform:scale(1);box-shadow:0 0 0 6px #2ecc7100}to{transform:scale(.95);box-shadow:0 0 #2ecc7100}}.sync-dot-success{background:#2ecc71;border-radius:50%;width:14px;height:14px;animation:2s infinite pulse-success;display:inline-block;box-shadow:0 0 #2ecc71b3}.sync-dot-loading{background:#e74c3c;border-radius:50%;width:14px;height:14px;animation:1.5s infinite pulse-loading;display:inline-block;box-shadow:0 0 #e74c3cb3}@keyframes pulse-success{0%{box-shadow:0 0 #2ecc71b3}50%{box-shadow:0 0 0 8px #2ecc7100}to{box-shadow:0 0 #2ecc7100}}@keyframes pulse-loading{0%{box-shadow:0 0 #e74c3cb3}50%{box-shadow:0 0 0 8px #e74c3c00}to{box-shadow:0 0 #e74c3c00}}.status-dot-active{background:#2ecc71;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;display:inline-block}.user-detail-card-full,.user-detail-card{text-align:center;background:#f8f9fa;border:1px solid #0000;border-radius:12px;padding:14px 16px;transition:all .2s}.user-detail-card:hover{border-color:var(--border);background:#fff}.user-detail-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.detail-label{color:var(--text-muted);letter-spacing:.3px;margin-bottom:4px;font-size:.75rem}.detail-value{color:var(--text-dark);word-break:break-all;font-size:1.05rem;font-weight:700}.text-primary{color:var(--primary)!important}.text-danger{color:var(--danger)!important}.text-success{color:#10b981!important}.confirm-box .apply-btn{border-radius:20px}.payment-grid{grid-template-columns:1fr;gap:16px;padding-bottom:80px;display:grid}@media (width>=768px){.payment-grid{grid-template-columns:repeat(2,1fr)}}.payment-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.payment-card.pending{border-left:4px solid var(--warning)}.payment-card.verified{border-left:4px solid var(--success);opacity:.8}.payment-card.rejected{border-left:4px solid var(--danger);opacity:.7}.card-preview{cursor:pointer;justify-content:space-between;align-items:center;padding:16px;display:flex}.card-preview:active{background:var(--bg-tertiary)}.preview-left{flex-direction:column;gap:4px;display:flex}.preview-username{color:var(--text-main);align-items:center;gap:6px;font-size:1.05rem;font-weight:700;display:flex}.preview-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.preview-right{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.preview-amount{color:var(--primary);font-size:1.1rem;font-weight:800}.preview-pill{background:var(--bg-tertiary);color:var(--text-muted);border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.toggle-btn{width:24px;height:24px;color:var(--text-muted);justify-content:center;align-items:center;margin-left:12px;transition:transform .3s;display:flex}.payment-card.expanded .toggle-btn{transform:rotate(180deg)}.card-details{background:var(--bg-tertiary);border-top:1px solid var(--border);animation:.3s ease-out slideDown;display:none}.payment-card.expanded .card-details{display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.details-content{flex-direction:column;gap:12px;padding:16px;display:flex}.detail-row{border-bottom:1px dashed var(--border);justify-content:space-between;padding-bottom:8px;font-size:.9rem;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-muted)}.detail-value{color:var(--text-main);text-align:right;font-weight:600}.action-grid{border-top:1px solid var(--border);background:#fff;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding:16px;display:grid}.btn-card-action{border-radius:var(--radius-md);cursor:pointer;color:#fff;border:none;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.95rem;font-weight:600;transition:transform .1s;display:flex}.btn-card-action:active{transform:scale(.96)}.btn-reject{color:var(--danger);border:1px solid var(--danger);background:#fff}.btn-approve{background:var(--success);color:#fff;box-shadow:0 4px 12px #00cec94d}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}#user-detail-modal{z-index:9999;-webkit-backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.user-detail-card{background:#fff;border-radius:24px;width:100%;max-width:400px;max-height:90vh;margin:20px;padding:30px;animation:.25s cubic-bezier(.16,1,.3,1) forwards zoomIn;position:relative;overflow-y:auto;box-shadow:0 10px 40px #0003}@media (width<=768px){.user-detail-card{border-radius:24px 24px 0 0;max-width:100%;margin:0;padding:24px 20px 40px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp}#user-detail-modal{align-items:flex-end!important;padding:0!important}#user-detail-modal .confirm-box{max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;border-radius:24px 24px 0 0!important;width:100%!important;min-width:100%!important;max-width:100%!important;margin:0!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important}}@media (width>=769px){#user-detail-modal{justify-content:center!important;align-items:center!important}#user-detail-modal .confirm-box{width:90%!important;max-width:420px!important;animation:modalSlideUp .25s cubic-bezier(.16, 1, .3, 1) ease-out forwards!important;border-radius:24px!important;margin:20px!important}}.group-sticky-header{-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#fffffff2}[data-theme=dark] .group-sticky-header{color:var(--primary-light);background:#1e293bf2;border-bottom:1px solid #ffffff0d}.user-filter-chip{color:var(--text-muted);background:#fff;border:1px solid #0000}[data-theme=dark] .user-filter-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted)}[data-theme=dark] .user-filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}[data-theme=dark] .user-filter-chip:not(.active){color:var(--text-light)}.status-tab,.user-status-tab{color:var(--text-muted);background:0 0}[data-theme=dark] .status-tab,[data-theme=dark] .user-status-tab{color:var(--text-muted)}[data-theme=dark] .status-tab.active,[data-theme=dark] .user-status-tab.active{color:var(--primary-light);border-bottom-color:var(--primary)}[data-theme=dark] .filter-chip{background:var(--bg-card);color:var(--text-light);border:1px solid var(--border)}[data-theme=dark] .card,[data-theme=dark] .user-card,[data-theme=dark] .data-card,[data-theme=dark] .stat-card,[data-theme=dark] .payment-card,[data-theme=dark] .user-detail-card,[data-theme=dark] .action-grid,[data-theme=dark] .info-card{border-color:var(--border);color:var(--text-dark);background:var(--bg-card)!important}[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] .card-title,[data-theme=dark] .stat-value,[data-theme=dark] .user-name-text,[data-theme=dark] .preview-username{color:var(--text-dark)!important}[data-theme=dark] .text-muted,[data-theme=dark] .stat-label,[data-theme=dark] .detail-label,[data-theme=dark] .user-meta-text{color:var(--text-muted)!important}[data-theme=dark] .search-box input{background:var(--bg-tertiary);color:var(--text-dark);border-color:var(--border)}[data-theme=dark] .search-box input::placeholder{color:var(--text-muted);opacity:.6}[data-theme=dark] .progress-fill{box-shadow:0 0 10px #6c5ce780}[data-theme=dark] .fab-btn{background:var(--bg-card);border-color:var(--border);color:var(--text-dark)}[data-theme=dark] #user-detail-modal{background:#000c}[data-theme=dark] .stat-icon-bg{background:var(--bg-tertiary)}[data-theme=dark] .group-sticky-header{color:var(--primary-light)!important}.analytics-card{border:1px solid var(--border);background:#fff;border-radius:16px;margin-bottom:16px;padding:20px;box-shadow:0 4px 12px #0000000d}[data-theme=dark] .analytics-card{border-color:var(--border);box-shadow:none;background:var(--bg-card)!important}.stat-mini-card{text-align:center;background:#fff;border-style:solid;border-width:2px;border-radius:12px;padding:16px}[data-theme=dark] .stat-mini-card{background:var(--bg-card)!important}.admin-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;margin-bottom:16px;padding:16px}[data-theme=dark] .admin-card{border-color:var(--border);background:var(--bg-card)!important}[data-theme=dark] .user-filter-chip{background:var(--bg-card)!important;color:var(--text-muted)!important;border-color:var(--border)!important}[data-theme=dark] .user-filter-chip.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}[data-theme=dark] .confirm-box,[data-theme=dark] .user-detail-card{background:var(--bg-card)!important;color:var(--text-dark)!important}.stat-card{background:#fff;transition:background .3s}.header-icon-btn{border:1px solid var(--border);cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow-sm);color:var(--text-dark);background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:relative}[data-theme=dark] .header-icon-btn{border-color:var(--border);box-shadow:none;color:var(--text-dark);background:var(--bg-tertiary)!important}.progress-container{background:#e2e8f0;border-radius:12px;height:24px;position:relative;overflow:visible}[data-theme=dark] .progress-container{background:var(--bg-tertiary)!important}.progress-chip{color:var(--primary);cursor:pointer;white-space:nowrap;border:2px solid var(--primary);background:#fff;border-radius:12px;padding:6px 12px;font-size:.75rem;font-weight:700;position:absolute;top:50%;right:4px;transform:translateY(-50%);box-shadow:0 2px 6px #00000026}[data-theme=dark] .progress-chip{box-shadow:none;background:var(--bg-card)!important;color:var(--primary-light)!important;border-color:var(--primary-light)!important}.filter-chip{cursor:pointer;border:1px solid var(--border);text-align:center;box-sizing:border-box;height:40px;color:var(--text-dark);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}[data-theme=dark] .filter-chip{background:var(--bg-card)!important;color:var(--text-muted)!important;border-color:var(--border)!important}[data-theme=dark] .filter-chip.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.btn-purple-light{color:#6c5ce7;background:#e0ddfe}.btn-green-light{color:#10b981;background:#d1fae5}.btn-grey-light{color:#fff;background:#b2bec3}[data-theme=dark] .btn-grey-light{border:1px solid var(--border);border:1px solid #94a3b833;background:var(--bg-tertiary)!important;color:var(--text-muted)!important;background:#94a3b826!important}.user-modal-username{color:var(--text-dark);margin:0 0 4px;font-size:1.5rem;font-weight:800}.user-modal-fullname{color:var(--text-muted);font-size:.9rem;font-weight:600}.user-modal-ltv-card{background:#e0ddfe;border-radius:16px;justify-content:center;align-items:center;height:100%;padding:12px 24px;display:flex}.user-modal-ltv-text{color:#6c5ce7;letter-spacing:-.5px;font-size:1.8rem;line-height:1}[data-theme=dark] .user-modal-ltv-card{background:#6c5ce733;border:1px solid #6c5ce74d}[data-theme=dark] .user-modal-ltv-text{color:var(--primary-light)}.modal-status-card{cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:12px 4px;transition:transform .1s;display:flex}.modal-status-card.is-active{color:#065f46;background:#d1fae5}.modal-status-card.is-active .capacity-text{color:#065f46}.modal-status-card.is-inactive{color:#880e4f;background:#ffe2e5}.modal-status-card.is-inactive .capacity-text{color:#880e4f}[data-theme=dark] .modal-status-card.is-active{color:#34d399;background:#10b98133;border:1px solid #10b9814d}[data-theme=dark] .modal-status-card.is-active .capacity-text{color:#34d399}[data-theme=dark] .modal-status-card.is-inactive{color:#f87171;background:#ef444433;border:1px solid #ef44444d}[data-theme=dark] .modal-status-card.is-inactive .capacity-text{color:#f87171}.capacity-text{font-size:.75rem;font-weight:800;line-height:1.1}.user-modal-ref-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 4px 6px #0000000d}[data-theme=dark] .user-modal-ref-card{background:var(--bg-card);border-color:var(--border);box-shadow:none}.user-modal-ref-num{font-size:2.2rem;font-weight:800;line-height:1}.user-modal-ref-label{color:var(--text-muted);text-align:left;font-size:.8rem;font-weight:600;line-height:1.3}.user-modal-ref-label span{color:var(--text-dark)}.user-modal-timeline-line{z-index:1;background:#e2e8f0;height:3px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}[data-theme=dark] .user-modal-timeline-line{background:var(--border)}.timeline-dot-center{color:#fff;z-index:2;background:#6c5ce7;border:4px solid #e0ddfe;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}[data-theme=dark] .timeline-dot-center{border-color:#6c5ce74d}.timeline-date{color:var(--text-dark);margin-top:8px;font-size:.75rem;font-weight:700}.timeline-dot-edge{z-index:2;background:#e2e8f0;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;box-shadow:0 0 0 1px #cbd5e1}[data-theme=dark] .timeline-dot-edge{background:var(--bg-tertiary);border-color:var(--bg-card);box-shadow:0 0 0 1px var(--border)}.user-modal-action-btn{cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:100%;padding:12px;font-weight:600;transition:all .2s;display:flex}.btn-reset{color:#1a1a1a;background:#fff;border:1px solid #e2e8f0}[data-theme=dark] .btn-reset{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-dark)}.btn-upgrade{color:#fff;background:#6c5ce7;border:1px solid #6c5ce7}[data-theme=dark] .btn-upgrade{background:var(--primary);border-color:var(--primary);color:#fff}@keyframes pulse-green-custom{0%{transform:scale(1);box-shadow:0 0 #10b98166}70%{transform:scale(1.05);box-shadow:0 0 0 6px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}@keyframes pulse-red-custom{0%{transform:scale(1);box-shadow:0 0 #f55c4766}70%{transform:scale(1.05);box-shadow:0 0 0 6px #f55c4700}to{transform:scale(1);box-shadow:0 0 #f55c4700}}@keyframes pulse-purple-custom{0%{transform:scale(1);box-shadow:0 0 #6c5ce766}70%{transform:scale(1.05);box-shadow:0 0 0 6px #6c5ce700}to{transform:scale(1);box-shadow:0 0 #6c5ce700}}.group-header-icon{color:#8c7ae6;margin-right:8px;font-size:1rem}[data-theme=dark] .group-header-badge{border:1px solid #6c5ce74d;color:var(--primary-light)!important;background:#6c5ce733!important}[data-theme=dark] .group-header-icon{opacity:.9;color:var(--primary-light)!important}[data-theme=dark] .blade{opacity:.8}.group-header-badge{color:#6c5ce7;background:#e0ddfe;border-radius:12px;padding:2px 8px;font-size:.85em;font-weight:700}[data-theme=dark] .group-header-badge{color:var(--primary-light);background:#6c5ce733;border:1px solid #6c5ce74d}.menu-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.menu-icon.cleanup{color:#e74c3c;background:#e74c3c1a}[data-theme=dark] .menu-icon.cleanup{color:#f87171;background:#ef444433}.menu-icon.registration{color:var(--primary);background:#6c5ce71a}[data-theme=dark] .menu-icon.registration{color:var(--primary-light);background:#6c5ce733}.menu-icon.settings{color:#7f8c8d;background:#95a5a626}[data-theme=dark] .menu-icon.settings{color:#f1f5f9;background:#94a3b833}[data-theme=dark] .btn-green-light{border:1px solid #10b9814d;color:#34d399!important;background:#10b98133!important}[data-theme=dark] .btn-purple-light{border:1px solid #6c5ce74d;color:var(--primary-light)!important;background:#6c5ce733!important}.group-sticky-header,[data-theme=dark] .group-sticky-header{border-bottom:none!important}.unique-code-badge{color:#fff;background:#6c5ce7;border-radius:99px;justify-content:center;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:800;display:flex}[data-theme=dark] .unique-code-badge{color:var(--primary-light);background:#6c5ce733;border:1px solid #6c5ce74d}body[data-theme=dark] .btn-grey-light{color:#94a3b8!important;box-shadow:none!important;background-color:#94a3b826!important;border:1px solid #94a3b833!important}[data-theme=dark] .send-btn.sent,[data-theme=dark] .send-btn.btn-grey-light,[data-theme=dark] button.send-btn.sent{color:#94a3b8!important;box-shadow:none!important;background:#94a3b826!important;border:1px solid #94a3b833!important}[data-theme=dark] .send-btn.sent,[data-theme=dark] .send-btn.btn-grey-light,[data-theme=dark] button.send-btn.sent,[data-theme=dark] .btn-green-light,[data-theme=dark] .btn-purple-light{border:1px solid #0000!important}.duration-card-btn{border:2px solid var(--border);text-align:left;cursor:pointer;box-sizing:border-box;width:100%;min-height:72px;color:var(--text-dark);background:#fff;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.duration-card-btn:hover{border-color:var(--primary);background:#6c5ce70d}[data-theme=dark] .duration-card-btn{border-color:#ffffff1a;background:#ffffff0d!important}[data-theme=dark] .duration-card-btn:hover,[data-theme=dark] .duration-card-btn.selected{border-color:var(--primary)!important;background:#6c5ce733!important}.duration-month{color:var(--primary);text-align:center;flex-shrink:0;width:35px;font-size:1.5rem;font-weight:800;line-height:1}[data-theme=dark] .duration-month{color:var(--primary-light)}.duration-price{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:1rem;font-weight:700;overflow:hidden}.duration-expiry{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.server-toggle-btn{border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;height:42px;padding:0 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.server-toggle-btn:hover{opacity:.9}.server-toggle-btn .server-badges{gap:4px;display:flex}.server-badge{color:#fff;background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex;color:var(--primary)!important;background:#fff!important}.form-input{color:var(--text-dark)}[data-theme=dark] .form-input{color:var(--text-dark);background:var(--bg-tertiary)}::placeholder{color:#94a3b8;opacity:1}[data-theme=dark] ::placeholder{color:#64748b}.fab.sending{animation:2s infinite pulseRed;box-shadow:0 4px 15px #ff475766;color:#fff!important;background:#ff4757!important;border-color:#ff4757!important}@keyframes pulseRed{0%{transform:scale(1);box-shadow:0 0 #ff4757b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #ff475700}to{transform:scale(1);box-shadow:0 0 #ff475700}}.btn-green-adaptive{color:#10b981!important;background:#d1fae5!important;border:1px solid #d1fae5!important}[data-theme=dark] .btn-green-adaptive{color:#34d399!important;background:#10b98133!important;border:1px solid #10b9814d!important}.btn-green-adaptive,[data-theme=dark] .btn-green-adaptive{color:#10b981!important;background:#d1fae5!important;border:none!important}.btn-purple-light,[data-theme=dark] .btn-purple-light{color:#6c5ce7!important;background:#6c5ce726!important;border:none!important}.btn-green-adaptive,[data-theme=dark] .btn-green-adaptive{color:#10b981!important;opacity:1!important;background:#d1fae5!important;border:none!important}.btn-purple-light,[data-theme=dark] .btn-purple-light{color:#6c5ce7!important;opacity:1!important;background:#ebe9fe!important;border:none!important}[data-theme=dark] .btn-green-adaptive{color:#34d399!important;background:#10b98133!important}[data-theme=dark] .btn-purple-light{color:#a29bfe!important;background:#6c5ce733!important}.btn-red-light{color:#ff4757!important;opacity:1!important;background:#ffe5e5!important;border:none!important}[data-theme=dark] .btn-red-light{color:#ff6b81!important;background:#ff475733!important;border:1px solid #ff47574d!important}#user-detail-modal{padding:0!important}#user-detail-modal .confirm-box{box-sizing:border-box!important}.duration-btn{box-sizing:border-box!important;min-height:70px!important}.duration-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce726;border-color:var(--primary)!important;background:#6c5ce705!important}.duration-btn:active{transform:translateY(0)}.duration-btn.selected{border-color:var(--primary)!important;background:#6c5ce714!important}.duration-btn *{box-sizing:border-box;max-width:100%}@media (width<=400px){#user-detail-modal .confirm-box{padding:18px 14px 24px!important}.duration-btn>div:first-child{width:40px!important;font-size:1.75rem!important}.duration-btn>div:last-child>div:first-child{font-size:.9rem!important}.duration-btn>div:last-child>div:last-child{font-size:.7rem!important}.duration-btn{gap:10px!important;min-height:65px!important;padding:10px 12px!important}}@media (width<=360px){.duration-btn>div:first-child{width:35px!important;font-size:1.5rem!important}.duration-btn{gap:8px!important;min-height:60px!important;padding:8px 10px!important}#user-detail-modal .confirm-box{padding:16px 12px 20px!important}#user-detail-modal .confirm-box>div:nth-child(4){grid-template-columns:1fr!important}}@media (height<=600px) and (orientation:landscape){#user-detail-modal .confirm-box{max-height:85vh!important}}.digit-btn{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 0;font-size:.9rem;font-weight:600;transition:all .2s}.digit-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 6px -1px #6c5ce74d}