.loading-container{justify-content:center;align-items:center;display:flex;flex-direction:column;gap:1rem;min-height:200px}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.loading-text{color:var(--text-secondary);font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}.global-loader-overlay{position:fixed;inset:0;background-color:#1a1a1aeb;display:flex;align-items:center;justify-content:center;z-index:99999;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s ease}[data-theme=light] .global-loader-overlay{background-color:#ffffffeb}[data-theme=dark] .global-loader-overlay,.global-loader-overlay:not([data-theme]){background-color:#1a1a1aeb}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.global-loader-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.global-loader-spinner{position:relative;width:100px;height:100px;filter:drop-shadow(0 0 20px rgba(var(--primary-color-rgb),.5))}.spinner-ring{position:absolute;width:100%;height:100%;border:5px solid transparent;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;box-shadow:0 0 20px rgba(var(--primary-color-rgb),.3)}.spinner-ring:nth-child(1){animation-delay:-.45s;border-top-color:var(--primary-color)}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:var(--primary-color-light);width:80%;height:80%;top:10%;left:10%}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:var(--primary-color-light);width:60%;height:60%;top:20%;left:20%}.spinner-ring:nth-child(4){border-top-color:var(--primary-color-light);width:40%;height:40%;top:30%;left:30%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.global-loader-text{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0;animation:pulse 1.5s ease-in-out infinite;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;min-width:300px;max-width:500px;border-radius:8px;box-shadow:0 4px 12px #00000026;background-color:var(--background-color);border:1px solid var(--border-color);animation:slideIn .3s ease-out;position:relative;z-index:99999}.toast__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px}.toast__message{flex:1;font-size:14px;line-height:1.5;color:var(--text-color);word-wrap:break-word}.toast__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;padding:0;background:none;border:none;cursor:pointer;color:var(--text-secondary);transition:color .2s ease;border-radius:4px}.toast__close:hover{color:var(--text-color);background-color:var(--background-color-dark)}.toast__close:focus{outline:2px solid var(--primary-color);outline-offset:2px}.toast__close svg{width:16px;height:16px}.toast--success{border-left:4px solid var(--success-color)}.toast--success .toast__icon{color:var(--success-color)}.toast--error{border-left:4px solid var(--error-color)}.toast--error .toast__icon{color:var(--error-color)}.toast--warning{border-left:4px solid var(--warning-color)}.toast--warning .toast__icon{color:var(--warning-color)}.toast--info{border-left:4px solid var(--primary-color)}.toast--info .toast__icon{color:var(--primary-color)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast.toast--removing{animation:slideOut .3s ease-in}.toaster{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:calc(100vw - 40px)}.toaster .toast{pointer-events:auto}@media(max-width:768px){.toaster{top:10px;right:10px;left:10px;max-width:calc(100vw - 20px)}.toaster .toast{min-width:auto;max-width:100%}}.app-footer{background:var(--background-color-dark);border-top:1px solid var(--border-color);padding:1rem 1.5rem;width:100%;flex-shrink:0;position:relative;z-index:1}@media(max-width:768px){.app-footer{padding:.5rem 1rem}}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:1rem}}.footer-section{display:flex;flex-direction:column;gap:.5rem}.footer-title{font-size:1rem;font-weight:600;color:var(--text-color-primary);margin-bottom:.25rem}.footer-links{display:flex;flex-direction:column;gap:.25rem}.footer-link{color:var(--text-color-secondary);text-decoration:none;font-size:.85rem;transition:color .2s,transform .1s}.footer-link:hover{color:var(--primary-color);transform:translate(4px)}.footer-text{color:var(--text-color-secondary);font-size:.85rem;line-height:1.5;margin:0}.footer-copyright{color:var(--text-color-tertiary);font-size:.8rem;margin-top:.25rem;margin-bottom:0}.app-content{width:100%;min-height:0}.app-footer-wrapper{width:100%;position:relative;z-index:10}.app-footer-wrapper.has-sidebar{position:fixed;bottom:0;left:var(--sidebar-width, 250px);right:0;width:calc(100% - var(--sidebar-width, 250px));z-index:100;background:var(--background-color-dark);box-shadow:0 -2px 10px #0000001a;transition:left .3s ease,width .3s ease}@media(max-width:768px){.app-footer-wrapper.has-sidebar{left:70px;width:calc(100% - 70px)}}:root{--admin-footer-height: 120px}:root[data-theme=light]{--primary-color: #85ea2d;--primary-color-rgb: 133, 234, 45;--primary-color-light: #a5ff4d;--primary-color-dark: #65ca0d;--secondary-color: #000;--background-color: #ffffff;--background-color-rgb: 255, 255, 255;--background-color-light: #ffffff;--background-color-dark: #f5f5f5;--text-color: #1a1a1a;--text-color-rgb: 26, 26, 26;--text-color-light: #4a4a4a;--text-color-dark: #000000;--text-secondary: #666666;--text-secondary-rgb: 102, 102, 102;--border-color: #e0e0e0;--border-color-rgb: 224, 224, 224;--error-color: #ff4444;--error-color-rgb: 255, 68, 68;--error-color-light: #ff6666;--error-color-dark: #cc2222;--success-color: #44ff44;--success-color-rgb: 68, 255, 68;--warning-color: #ffaa00;--warning-color-rgb: 255, 170, 0}:root[data-theme=dark],:root{--primary-color: #85ea2d;--primary-color-rgb: 133, 234, 45;--primary-color-light: #a5ff4d;--primary-color-dark: #65ca0d;--secondary-color: #fff;--background-color: #1a1a1a;--background-color-rgb: 26, 26, 26;--background-color-light: #222222;--background-color-dark: #0f0f0f;--text-color: #ffffff;--text-color-rgb: 255, 255, 255;--text-color-light: #ffffff;--text-color-dark: #cccccc;--text-secondary: #b0b0b0;--text-secondary-rgb: 176, 176, 176;--border-color: #333333;--border-color-rgb: 51, 51, 51;--error-color: #ff4444;--error-color-rgb: 255, 68, 68;--error-color-light: #ff6666;--error-color-dark: #cc2222;--success-color: #44ff44;--success-color-rgb: 68, 255, 68;--warning-color: #ffaa00;--warning-color-rgb: 255, 170, 0}.status-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-badge.status-completed,.status-badge.status-success,.status-badge.status-paid{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.status-pending{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge.status-failed,.status-badge.status-fail{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-badge.status-cancelled{background:#9ca3af1a;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.status-badge.status-live{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.type-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.type-badge.type-topup{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.type-badge.type-deduction{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.type-badge.type-refund{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.form-button-primary{padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .15s ease}.form-button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.form-button-primary:active{transform:translateY(0)}.form-button-primary{background-color:var(--primary-color);color:var(--background-color)}.form-button-primary:hover:not(:disabled){background-color:var(--primary-color);opacity:.9;filter:brightness(1.1)}.form-button-primary{flex:1;min-width:100px;padding:1rem 1.5rem}.form-button-primary:disabled{opacity:.6;cursor:not-allowed}.form-button-secondary{padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .15s ease}.form-button-secondary:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.form-button-secondary:active{transform:translateY(0)}.form-button-secondary{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color)}.form-button-secondary:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.form-button-secondary{flex:1;min-width:100px;padding:1rem 1.5rem}.form-button-secondary:disabled{opacity:.6;cursor:not-allowed}.form-error-text{color:#ef4444;font-size:.85rem;margin-top:4px;display:block}.form-error-container{padding:.5rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.9rem;text-align:center}.mt-xs{margin-top:.25rem}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mt-xl{margin-top:2rem}.mb-xs{margin-bottom:.25rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mb-xl{margin-bottom:2rem}.ml-xs{margin-left:.25rem}.ml-sm{margin-left:.5rem}.ml-md{margin-left:1rem}.ml-lg{margin-left:1.5rem}.mr-xs{margin-right:.25rem}.mr-sm{margin-right:.5rem}.mr-md{margin-right:1rem}.mr-lg{margin-right:1.5rem}.d-block{display:block}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-none{display:none}.text-error{color:#ef4444}.text-success{color:#22c55e}.text-warning{color:#fbbf24}.text-secondary{color:var(--text-secondary)}.detail-box{margin-top:12px;padding:12px;background:var(--background-color-light);border-radius:8px}.text-pre-wrap{white-space:pre-wrap}.text-error-color{color:var(--error-color, #f44336)}.mt-1rem{margin-top:1rem}.mt-1-5rem{margin-top:1.5rem}.mt-4px{margin-top:4px}.mt-8px{margin-top:8px}.mb-8px{margin-bottom:8px}.margin-0{margin:0}.font-size-0-8rem{font-size:.8rem;opacity:.8}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.reply-info-box{margin-bottom:8px;padding:8px;background:rgba(var(--primary-color-rgb),.1);border-radius:4px;font-size:.85rem;color:var(--text-secondary)}.reply-info-box strong{color:var(--primary-color)}*{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-width: 250px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);line-height:1.6;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color);opacity:.8;filter:brightness(1.2)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}