:root{--primary-dark:#5651e5;--primary-light:#709dff;--background:#2c2f33;--text-white:#fff;--button-background:#3374ff;--button-hover:#001bb4}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;color:var(--text-white);font-family:Poppins,Segoe UI,Roboto,sans-serif;margin:0}#root,body{background-color:#2c2f33;background-color:var(--background)}#root{display:flex;flex-direction:column;min-height:100vh}h1{font-size:4em;margin-bottom:20px}.clock,h1{-webkit-text-stroke:0;font-family:Poppins,Segoe UI,Roboto,sans-serif;text-rendering:optimizeLegibility;text-shadow:none}.clock{font-size:2em}.text-container{margin-top:10px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{color:#fff;display:flex;flex-direction:column;min-height:100vh;text-align:center}.app-main{display:flex;flex:1 1;flex-direction:column}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}header{align-items:center;background-color:#2f3136;border-bottom:1px solid #202225;display:flex;flex-shrink:0;justify-content:space-between;min-height:60px;padding:.75rem 1.5rem;position:relative}header h1{-webkit-text-stroke:0;color:#fff;font-size:2rem;font-weight:700;margin:0;text-rendering:optimizeLegibility;text-shadow:none}.location-info{color:#b9bbbe;font-size:1.1rem;font-weight:600;left:50%;padding:.5rem 1rem;position:absolute;transform:translateX(-50%);white-space:nowrap}.loading-screen{align-items:center;background-color:#36393e;color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-spinner{border:4px solid #2f3136;border-top-color:#5865f2;height:40px;margin-bottom:1rem;width:40px}.loading-screen p{color:#b9bbbe;font-size:1.1rem;margin:0}.retry-info{color:#72767d!important;font-size:.9rem!important;margin-top:.5rem!important}.connection-error{background-color:#36393e;color:#fff;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:9999}.connection-error-content{max-width:400px;padding:2rem;text-align:center}.connection-error h2{color:#f04747;font-size:1.5rem;margin-bottom:1rem}.connection-error p{color:#b9bbbe;line-height:1.5;margin-bottom:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.connection-error{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.error-content{animation:slideIn .3s ease-out;background:#40444b;border:2px solid #f04747;border-radius:12px;max-width:500px;padding:3rem 2rem;text-align:center;width:100%}.error-content h2{color:#f04747;font-size:1.5rem;margin-bottom:1rem}.error-content p{color:#dcddde;line-height:1.5;margin-bottom:1rem}.error-content button{margin-top:1rem}footer{align-items:center;background-color:#2f3136;border-top:1px solid #202225;display:flex;flex-shrink:0;gap:1rem;justify-content:center;margin-top:auto;min-height:60px;padding:.75rem 1.5rem}*,button{box-sizing:border-box}button{align-items:center;background-color:var(--button-background);border:none;border-radius:5px;color:var(--text-white);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;letter-spacing:.5px;padding:10px 20px;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.button--small{border-radius:4px;font-size:11px;padding:4px 8px}.button--medium{font-size:14px;padding:8px 16px}.button--large{font-size:16px;min-width:140px;padding:12px 24px}.button--xl{font-size:18px;padding:15px 30px}.button--primary{background:linear-gradient(135deg,#5865f2,#4752c4);box-shadow:0 2px 8px #5865f24d}.button--primary:hover{background:linear-gradient(135deg,#4752c4,#3c4099);box-shadow:0 4px 12px #5865f266;transform:translateY(-2px)}.button--secondary{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 8px #6b72804d}.button--secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 4px 12px #6b728066;transform:translateY(-2px)}.button--success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.button--success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.button--danger{background:linear-gradient(135deg,#ed4245,#c73e3e);box-shadow:0 2px 8px #ed42454d}.button--danger:hover{background:linear-gradient(135deg,#c73e3e,#b91c1c);box-shadow:0 4px 12px #ed424566}.button--ghost{background-color:initial;border:1px solid #4f545c;color:#b9bbbe}.button--ghost:hover{background-color:#4f545c;color:#fff}.button--danger:disabled,.button--ghost:disabled,.button--primary:disabled,.button--secondary:disabled,.button--success:disabled,button:disabled{background:#36393e!important;box-shadow:none!important;color:#72767d!important;cursor:not-allowed!important;opacity:.6;transform:none!important}.button--danger:disabled:hover,.button--ghost:disabled:hover,.button--primary:disabled:hover,.button--secondary:disabled:hover,.button--success:disabled:hover,button:disabled:hover{background:#36393e!important;box-shadow:none!important;color:#72767d!important;transform:none!important}input{background-color:#40444b;border:1px solid #4f545c;border-radius:5px;box-sizing:border-box;color:#fff;font-size:16px;padding:10px;transition:border-color .2s ease,background-color .2s ease;width:100%}input:focus{background-color:#36393e;border-color:#5865f2;box-shadow:0 0 0 2px #5865f233;outline:none}input::placeholder{color:#72767d}.input--large{font-size:16px;padding:12px}.input--centered{text-align:center}.input--success:focus{border-color:#3ba55c;box-shadow:0 0 0 2px #3ba55c33}.card{align-items:center;background-color:#2f3136;border:1px solid #202225;border-radius:8px;display:flex;gap:1.5rem;min-height:70px;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .2s ease}.card:hover{background-color:#32353b;border-color:#5865f2;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.card--compact{gap:1rem;min-height:50px;padding:.5rem 1rem}.card--section{background-color:#36393f;border-radius:10px;display:flex;justify-content:center;padding:15px}.card--clickable{cursor:pointer}.card-content{flex:1 1;gap:1rem;min-width:0}.card-content,.card-title{align-items:center;display:flex}.card-title{color:#fff;flex:0 0 200px;font-size:1.1rem;font-weight:700;margin:0;min-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-details{flex:1 1;gap:1.5rem;margin-left:0;min-width:0}.card-detail,.card-details{align-items:center;display:flex}.card-detail{color:#b9bbbe;font-size:.9rem;white-space:nowrap}.card-label{color:#fff;font-weight:600;margin-right:.4rem}.card-actions{display:flex;flex-shrink:0;gap:.5rem}.status-badge{border-radius:12px;box-shadow:0 2px 4px #0003;color:#fff;flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.3rem .6rem;text-transform:uppercase;white-space:nowrap;width:fit-content}.status-badge--active{background:linear-gradient(135deg,#10b981,#059669)}.status-badge--inactive{background:linear-gradient(135deg,#ed4245,#dc2626)}.status-badge--admin{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.message{border-left:3px solid;border-radius:5px;margin:10px 0;padding:10px}.message--success{background-color:#3ba55c1a;border-color:#3ba55c;color:#3ba55c}.message--error{background-color:#ed42451a;border-color:#ed4245;color:#ed4245}.message--info{background-color:#5865f21a;border-color:#5865f2;color:#5865f2}.message--warning{background-color:#fbbf241a;border-color:#fbbf24;color:#fbbf24}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.gap-5{gap:5px}.gap-10{gap:10px}.gap-15{gap:15px}.gap-20{gap:20px}.button-group{align-items:center;display:flex;gap:10px}.button-group--small{gap:5px}.button-group--large{gap:15px}.text-primary{color:#fff}.text-secondary{color:#b9bbbe}.text-muted{color:#72767d}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.container{color:#dcddde;flex:1 1;padding:20px}.container-header{align-items:center;background-color:#2f3136;border:1px solid #202225;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:20px;padding:1rem 1.5rem}.container-header h1{color:#fff;margin:0}.sections{display:flex;gap:20px}.section{flex:1 1}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.section-header h2{color:#fff;margin:0}.section-content{background-color:#2f3136;border-radius:8px;max-height:50vh;padding:15px}.section-content.scrollable{overflow-y:auto}.search-container{margin-bottom:15px}.cards-grid{display:flex;flex-direction:column;gap:1rem}.user-dashboard{background-color:#2c2f33;padding:20px}.dashboard-header{background-color:#36393f;border-bottom:1px solid #202225;border-radius:10px;box-shadow:0 1px 0 #04040533,0 1.5px 0 #0606070d,0 2px 0 #0404050d;margin-bottom:20px;padding:20px}.user-welcome{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.user-welcome h2{color:#fff;margin:0}.nickname{color:#b9bbbe;font-style:italic}.dashboard-content{display:flex;gap:20px;margin:0 auto;max-height:80vh;max-width:1200px}.main-section{display:flex;flex:2 1;flex-direction:column;gap:15px}.history-section{flex:1 1}.balance-card{border-radius:8px;padding:20px;text-align:center}.balance-card.has-debt{background-color:#ed42451a;border:2px solid #ed4245}.balance-card.no-debt{background-color:#3ba55c1a;border:2px solid #3ba55c}.balance-card h3{color:#fff;margin:0 0 10px}.balance-amount{color:#fff;font-size:2em;font-weight:700;margin:10px 0}.balance-status{color:#b9bbbe;font-size:.9em}.scan-card{background-color:#2f3136;border:1px solid #202225;border-radius:8px;max-width:400px;padding:1rem;text-align:center;transition:background-color .2s ease;width:100%}.scan-card h3{color:#fff;margin:0 0 10px}.scan-card p{color:#b9bbbe;margin-bottom:15px}.actions{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:center;margin-bottom:10px;margin-top:15px}.timeout-notice{color:#b9bbbe;font-size:.9em;margin:0;text-align:center}.modal-overlay{bottom:0;right:0}.modal-content{background-color:#36393f;border-radius:10px;box-shadow:0 16px 32px #0006;max-height:90vh;max-width:900px;overflow-y:auto;padding:30px;width:95%}.modal-header{margin-bottom:20px}.modal-header h2{color:#fff;margin:0}.close-button{align-items:center;background:none;border:none;color:#b9bbbe;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-button:hover{color:#fff}.modal-body{padding:20px 24px}.modal-form{display:flex;flex-direction:column;gap:15px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.form-group{margin-bottom:20px}.form-group label{color:#b9bbbe;display:block;font-weight:500;margin-bottom:8px}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1 1}.history-section{background-color:#2f3136;border:1px solid #202225;border-radius:8px;overflow:hidden}.history,.history-section{display:flex;flex-direction:column;max-height:60vh}.history{height:100%}.history-header{background-color:#202225;border-bottom:1px solid #202225;color:#fff;padding:.75rem 1rem}.history-header h3{color:#fff;font-size:1rem;font-weight:600;margin:0}.history-content{flex:1 1;overflow-y:auto;padding:0}.history-list{list-style:none;margin:0;padding:0}.history-item{border-bottom:1px solid #202225;padding:.75rem 1rem;transition:background-color .2s ease}.history-item:hover{background-color:#32353b}.history-item:last-child{border-bottom:none}.item-info{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.item-name{color:#fff;font-size:.9rem}.item-details{align-items:center;display:flex;gap:.5rem}.item-date{color:#72767d;font-size:.7rem;font-weight:400}.no-history{color:#72767d;padding:2rem 1rem;text-align:center}.no-history p{font-size:.85rem;margin:.25rem 0}.no-history p:first-child{color:#b9bbbe;font-size:.9rem;font-weight:500}.login-container{align-items:center;background-color:#2c2f33;display:flex;flex:1 1;justify-content:center;padding:20px}.login-form{background-color:#36393f;border-radius:10px;max-width:400px;padding:40px;width:100%}.login-form h2{color:#fff;margin-bottom:30px;text-align:center}.setup-container{align-items:center;background-color:#2c2f33;display:flex;justify-content:center;min-height:calc(100vh - 188px)}.setup-card{background-color:#36393f;border-radius:10px;max-width:600px;padding:40px;width:100%}.setup-card h2{color:#fff;margin-bottom:30px;text-align:center}.setup-form{display:flex;flex-direction:column;gap:20px}.debt-info{background-color:#40444b;border-radius:6px;margin-bottom:15px;padding:15px;text-align:center}.debt-info h4{color:#fff;margin:0 0 10px}.current-debt{color:#ed4245;font-size:1.2em;font-weight:700}.payment-input-group{margin:15px 0}.payment-input-group label{color:#b9bbbe;display:block;font-weight:500;margin-bottom:5px}.clock{color:#b9bbbe;font-size:1.2em;padding:10px;text-align:center}.admin-badge{background-color:#fbbf24;border-radius:10px;color:#000;font-size:.7rem;font-weight:600;padding:2px 6px}.purchase-button{background-color:#3ba55c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.purchase-button:hover{background-color:#2d7d32}.admin-button{background-color:#5865f2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;min-width:140px;padding:12px 24px;transition:background-color .3s ease}.admin-button:hover{background-color:#4752c4}.logout-button{background-color:#5865f2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;min-width:140px;padding:12px 24px;transition:background-color .3s ease}.logout-button:hover{background-color:#4752c4}.login-button{background-color:#5865f2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s ease;width:100%}.login-button:hover{background-color:#4752c4}.modal-input{background-color:#40444b;border:1px solid #202225;border-radius:4px;box-sizing:border-box;color:#fff;font-size:.9rem;margin-bottom:.75rem;padding:.75rem;transition:border-color .2s ease;width:100%}.modal-input:focus{background-color:#36393e;border-color:#5865f2;outline:none}.modal-input::placeholder{color:#72767d}.payment-amount-input{background-color:#40444b;border:1px solid #4f545c;border-radius:5px;color:#fff;font-size:16px;padding:10px;text-align:center;width:100%}.payment-amount-input:focus{border-color:#3ba55c;box-shadow:0 0 0 2px #3ba55c33;outline:none}.setup-button{background-color:#3ba55c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-top:10px;padding:15px;transition:background-color .3s ease}.setup-button:hover{background-color:#2d7d32}.no-items-message,.no-users-message{color:#b9bbbe;text-align:center}.error-message{background-color:#ed42451a;border-left:3px solid #ed4245;color:#ed4245}.error-message,.success-message{border-radius:5px;margin:10px 0;padding:10px}.success-message{background-color:#3ba55c1a;border-left:3px solid #3ba55c;color:#3ba55c}@media (max-width:768px){.dashboard-content,.scan-input,.sections{flex-direction:column}.barcode-input{margin-bottom:10px}.form-row{flex-direction:column}.modal-content{margin:10px;width:calc(100% - 20px)}.actions{flex-direction:column;gap:10px}.button-group{flex-direction:column;width:100%}.card-content{align-items:flex-start;flex-direction:column;gap:1rem}.card-title{flex:initial;min-width:0;min-width:auto}.card-details{align-items:flex-start;flex-direction:column;gap:.5rem}}.admin-password-modal h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 1rem;text-align:center}.admin-password-modal p{color:#b9bbbe;line-height:1.4;margin:0 0 1.5rem;text-align:center}.admin-password-modal .form-group{margin-bottom:1.5rem}.admin-password-modal label{color:#b9bbbe;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.admin-password-buttons .cancel-button{background-color:#4f545c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease}.admin-password-buttons .cancel-button:hover:not(:disabled){background-color:#5d6269}.admin-password-buttons .submit-button{background-color:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease}.admin-password-buttons .submit-button:hover:not(:disabled){background-color:#4752c4}.admin-password-buttons .cancel-button:disabled,.admin-password-buttons .submit-button:disabled{cursor:not-allowed;opacity:.6}.admin-password-modal .error-message{background-color:#ed42451a;border-left:3px solid #ed4245;border-radius:4px;color:#ed4245;font-size:.85rem;margin-bottom:1rem;padding:.75rem}.user-details-modal{max-width:600px!important;width:95%!important}.user-details-grid-two-columns{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.user-detail-item{display:flex;flex-direction:column;gap:.25rem}.user-detail-item strong{color:#b9bbbe;font-size:.85rem;font-weight:600}.user-detail-item span{color:#fff;font-size:.9rem}.user-detail-input{background-color:#40444b;border:1px solid #202225;border-radius:4px;box-sizing:border-box;color:#fff;font-size:.85rem;padding:.5rem;transition:border-color .2s ease;width:100%}.user-detail-input:focus{background-color:#36393e;border-color:#5865f2;outline:none}.toggle-container{align-items:center;display:flex;gap:.5rem;justify-content:center}.toggle-label{color:#b9bbbe;font-size:.8rem}.toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#4f545c;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider{background-color:#5865f2}input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch.disabled{opacity:.5;pointer-events:none}.permission-note{color:#ed4245;font-size:.7rem;font-style:italic}.admin-password-field{background-color:#5865f21a;border:1px solid #5865f2;border-radius:4px;margin-top:.5rem;padding:.75rem}.modal-header-actions{align-items:center;display:flex;gap:.5rem}.modal-close-btn{align-items:center;background:none;border:none;color:#b9bbbe;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;width:24px}.modal-close-btn:hover{color:#fff}@media (max-width:768px){.user-details-grid-two-columns{grid-template-columns:1fr}.user-details-modal{max-width:none!important;width:98%!important}}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#2c2f33;background:var(--color-background-secondary,#2c2f33);border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid #2c2f33;border:2px solid var(--color-background-secondary,#2c2f33);border-radius:6px;-webkit-transition:all .2s ease;transition:all .2s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:scale(1.1)}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#3d8b40,#357a32)}::-webkit-scrollbar-corner{background:#2c2f33;background:var(--color-background-secondary,#2c2f33)}*{scrollbar-color:#4caf50 #2c2f33;scrollbar-color:#4caf50 var(--color-background-secondary,#2c2f33);scrollbar-width:thin}.admin-panel,.modal-content,.transaction-history,.user-list{scrollbar-color:#4caf50 #2c2f33;scrollbar-width:thin}.admin-panel::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb,.transaction-history::-webkit-scrollbar-thumb,.user-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 2px 4px #4caf504d}.balance-negative{color:#ed4245!important}.balance-positive{color:#3ba55c!important}.balance-zero{color:#b9bbbe!important}.transaction{border-radius:12px;font-size:.75rem;font-weight:500;font-weight:600;padding:.15rem .5rem}.transaction.negative{background-color:#ed4245}.transaction.positive{background-color:#3ba55c}.transaction.amount:before{content:""}.transaction.negative:before{content:"-"}.transaction.positive:before{content:"+"}.admin-panel{flex:1 1;padding:20px}.admin-layout{display:flex;gap:20px;margin:0 auto}.admin-navigation{background-color:#36393f;border:1px solid #202225;border-radius:10px;display:flex;flex-direction:column;height:fit-content;min-width:280px;padding:0;width:280px}.admin-nav-header{background-color:#2f3136;border-bottom:1px solid #202225;border-radius:10px 10px 0 0;padding:20px}.admin-nav-header h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.admin-badge{background-color:#43b581;border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:2px 8px;text-transform:uppercase}.admin-nav-list{flex:1 1;list-style:none;margin:0;padding:0}.admin-nav-item{margin:0}.admin-nav-button{align-items:center;background:none;border:none;border-radius:0;color:#b9bbbe;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;letter-spacing:0;padding:12px 20px;text-align:left;text-transform:none;transition:all .2s ease;width:100%}.admin-nav-button:hover{background-color:#2f3136;color:#fff}.admin-nav-item.active .admin-nav-button{background-color:#5865f2;border-left:3px solid #4752c4;color:#fff}.admin-nav-icon{font-size:16px;text-align:center;width:20px}.admin-nav-label{flex:1 1}.admin-nav-separator{background-color:#202225;height:1px;margin:10px 20px}.admin-nav-bottom{margin-top:auto;padding-bottom:10px}.admin-main{background-color:#36393f;border:1px solid #202225;border-radius:10px;flex:1 1;min-height:calc(100vh - 188px)}.admin-view{padding:30px}.admin-view-header{border-bottom:1px solid #202225;padding-bottom:20px}.admin-view-header h2{color:#fff;font-size:24px}.admin-view-header p{color:#b9bbbe}.admin-view-header h2{font-size:28px;font-weight:600;margin:0 0 8px}.admin-view-header p{font-size:16px;margin:0}.admin-info-section{background-color:#2f3136;margin-bottom:15px}.admin-info-section h4{color:#fff}.feature-list li{color:#b9bbbe;margin-bottom:8px;padding-left:20px;position:relative}.feature-list li:before{color:#5865f2;content:"•";font-weight:700;left:0;position:absolute}.section-header h3{color:#fff;font-size:18px;font-weight:600}.control-group{display:flex;flex-direction:column;gap:5px;min-width:150px}.control-group label{color:#b9bbbe;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.control-input,.control-select{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:8px 12px}.control-input:focus,.control-select:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 2px var(--interactive-primary-alpha);outline:none}.admin-action-card{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:25px;padding:25px}.admin-action-content{align-items:center;display:flex;gap:20px}.admin-action-icon{align-items:center;background-color:var(--background-accent);border-radius:50%;display:flex;flex-shrink:0;font-size:32px;height:60px;justify-content:center;width:60px}.admin-action-details{flex:1 1}.admin-action-details h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.admin-action-details p{color:var(--text-secondary);line-height:1.5;margin:0}.data-section,.settings-section,.stats-section{margin-bottom:40px}.data-section h3,.settings-section h3,.stats-section h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.stat-card-header h4{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.trend{border-radius:4px;font-size:12px;font-weight:600;padding:2px 6px}.trend-up{background-color:var(--status-success-background);color:var(--status-success-text)}.trend-down{background-color:var(--status-error-background);color:var(--status-error-text)}.stat-value{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:5px}.stat-subtitle{color:var(--text-secondary);font-size:14px}.stats-tables{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.stats-table-container h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 15px}.history-table,.stats-table{background-color:var(--background-secondary);border:1px solid var(--border-color);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.history-table td,.history-table th,.stats-table td,.stats-table th{border-bottom:1px solid var(--border-color);padding:12px 15px;text-align:left}.history-table th,.stats-table th{color:var(--text-primary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.history-table tbody tr:hover,.history-table th,.stats-table tbody tr:hover,.stats-table th{background-color:var(--background-accent)}.history-table-container{margin-bottom:30px;overflow-x:auto}.transaction-type{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.transaction-type--purchase{background-color:var(--status-warning-background);color:var(--status-warning-text)}.transaction-type--topup{background-color:var(--status-success-background);color:var(--status-success-text)}.transaction-type--admin{background-color:var(--status-info-background);color:var(--status-info-text)}.amount-positive{color:var(--status-success-text);font-weight:600}.amount-negative{color:var(--status-error-text);font-weight:600}.amount-warning{color:var(--status-warning-text);font-weight:600}.export-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.export-card{align-items:center;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:20px}.export-card-header{align-items:center;display:flex;flex:1 1;gap:15px}.export-card-icon{align-items:center;background-color:var(--background-accent);border-radius:8px;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.export-card-header h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.export-card-header p{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.import-container{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:25px}.import-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:25px}.file-upload-container{align-items:center;display:flex;gap:15px}.file-upload-label{position:relative}.file-upload-input{height:0;opacity:0;position:absolute;width:0}.file-upload-button{background-color:var(--interactive-secondary);border-radius:5px;color:var(--text-white);display:inline-block;font-weight:600;padding:10px 20px;transition:background-color .2s ease}.file-upload-button:hover{background-color:var(--interactive-secondary-hover)}.file-selected{color:var(--text-secondary);font-style:italic}.import-warnings{background-color:var(--status-warning-background);border:1px solid var(--status-warning-border);border-radius:6px;padding:15px}.import-warnings h4{color:var(--status-warning-text);font-size:14px;margin:0 0 10px}.import-warnings ul{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0;padding-left:20px}.settings-card{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:25px;padding:25px}.settings-card--danger{background-color:var(--status-error-background);border-color:var(--status-error-border)}.settings-card-header h4{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.settings-card-header p{color:var(--text-secondary);line-height:1.5;margin:0 0 20px}.settings-options{gap:15px;margin-bottom:20px}.setting-item,.settings-options{display:flex;flex-direction:column}.setting-item{gap:5px}.setting-item label{color:var(--text-primary);font-size:14px;font-weight:600}.setting-input,.setting-select{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;max-width:300px;padding:8px 12px}.checkbox-label{display:flex!important;flex-direction:row!important;font-weight:500!important}.danger-zone-content{display:flex;flex-direction:column;gap:20px}.warning-box{background-color:var(--status-error-background);border:1px solid var(--status-error-border);border-radius:6px;padding:15px}.warning-box h4{color:var(--status-error-text);font-size:16px;margin:0 0 10px}.warning-box p{color:var(--text-secondary);margin:0 0 10px}.warning-box ul{color:var(--text-secondary);line-height:1.5;margin:0;padding-left:20px}.reset-confirmation{display:flex;flex-direction:column;gap:15px;max-width:300px}.reset-confirm-input{background-color:var(--background-primary);border:2px solid var(--status-error-border);border-radius:4px;color:var(--text-primary);font-size:14px;font-weight:600;padding:10px 15px}.reset-buttons{display:flex;gap:10px}.admin-info-section{background-color:var(--background-accent);border:1px solid var(--border-color);border-radius:8px;margin-top:30px}.admin-info-section h4{color:var(--text-primary);font-weight:600;margin:0 0 15px}.feature-list{color:var(--text-secondary);line-height:1.6;padding-left:20px}.feature-list li{margin-bottom:5px}.settings-container{display:flex;gap:20px;margin:0 auto;max-width:1200px}.settings-nav{display:flex;flex-direction:column;flex-shrink:0;gap:4px;width:220px}.settings-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease}.settings-nav-item:hover{background-color:var(--background-secondary);color:var(--text-primary)}.settings-nav-item.active{background:linear-gradient(135deg,#5865f2,#4752c4);box-shadow:0 2px 8px #5865f24d;color:#fff}.settings-nav-item.danger-nav{border:1px solid #0000;color:var(--status-error-text)}.settings-nav-item.danger-nav:hover{background-color:var(--status-error-background);border-color:var(--status-error-border)}.settings-nav-item.danger-nav.active{background:linear-gradient(135deg,#ed4245,#c23639);box-shadow:0 2px 8px #ed42454d;color:#fff}.nav-icon{font-size:16px;text-align:center;width:20px}.nav-label{flex:1 1}.settings-content{flex:1 1;min-width:0}.settings-section-card{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:24px}.settings-section-card--danger{background-color:var(--status-error-background);border-color:var(--status-error-border)}.settings-section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.settings-section-title{align-items:center;display:flex;gap:12px}.settings-section-icon{font-size:20px}.settings-section-title h4{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.save-status{align-items:center;border-radius:16px;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 12px}.save-status--saving{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e}.save-status--saved{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.save-status--error{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.settings-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.settings-grid-two-columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.setting-group{background-color:#2c2f33;border:1px solid #40444b;border-radius:8px;padding:16px;transition:all .2s ease}.setting-group:hover{background-color:#32363c;border-color:var(--primary-color);box-shadow:0 2px 8px #5865f21a}.setting-group.setting-disabled{background-color:#23272a;border-color:#2c2f33;opacity:.6}.setting-group.setting-disabled:hover{background-color:#23272a;border-color:#2c2f33;box-shadow:none}.setting-item-compact{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:12px 0}.setting-label{flex:1 1;font-weight:500;margin:0}.setting-input-compact,.setting-label{color:var(--text-primary);font-size:14px}.setting-input-compact{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;flex-shrink:0;padding:6px 12px;width:140px}.setting-input-compact:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #5865f21a;outline:none}.setting-input-compact:disabled{background-color:var(--background-tertiary);color:var(--text-muted);cursor:not-allowed}.setting-description{color:var(--text-secondary);font-size:12px;line-height:1.4;margin-top:6px}.checkbox-toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:24px;margin:0;position:relative;width:44px}.checkbox-toggle input{height:0;opacity:0;width:0}.checkbox-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.checkbox-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}.checkbox-toggle input:checked+.checkbox-slider{background:linear-gradient(135deg,#5865f2,#4752c4)}.checkbox-toggle input:checked+.checkbox-slider:before{transform:translateX(20px)}.checkbox-toggle.disabled{cursor:not-allowed;opacity:.6}.checkbox-toggle.disabled .checkbox-slider{background-color:var(--background-tertiary)}.checkbox-toggle.disabled input:checked+.checkbox-slider{background-color:#94a3b8}.save-button{background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s ease}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#4752c4,#3c4099);box-shadow:0 4px 12px #5865f266;transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.settings-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:32px;margin-bottom:16px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.settings-loading p{color:var(--text-secondary);font-size:14px;margin:0}@media (max-width:768px){.settings-container{flex-direction:column;gap:16px}.settings-nav{flex-direction:row;gap:8px;overflow-x:auto;padding-bottom:8px;width:100%}.settings-nav-item{min-width:auto;white-space:nowrap}.nav-label{display:none}.settings-grid,.settings-grid-two-columns{gap:16px;grid-template-columns:1fr}.setting-item-compact{align-items:flex-start;flex-direction:column;gap:8px}.setting-input-compact{width:100%}}.spex-header{border-bottom:2px solid var(--primary-color);margin-bottom:30px;padding-bottom:20px;text-align:center}.spex-name{color:var(--primary-color);font-size:28px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #5865f24d}.login-subtitle{color:var(--text-secondary);font-size:18px;font-weight:500;margin:0}.registration-form{text-align:center}.registration-form h3{color:var(--text-primary);margin-bottom:16px}.registration-notice{background-color:var(--status-info-background);border:1px solid var(--status-info-border);border-radius:8px;color:var(--status-info-text);font-size:14px;line-height:1.5;margin-bottom:20px;padding:16px}.loading-message,.no-data-message{color:var(--text-secondary);font-style:italic;padding:40px 20px;text-align:center}.loading-message{color:var(--interactive-primary)}.admin-panel-header{align-items:center;background-color:var(--background-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:15px 30px}.admin-panel-title{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.admin-panel-actions{align-items:center;display:flex;gap:10px}@media (max-width:768px){.admin-layout{flex-direction:column;gap:15px}.admin-navigation{min-width:0;min-width:auto;width:100%}.admin-main{min-height:auto}.admin-view{padding:20px}.sections{flex-direction:column}.export-grid,.stats-grid{grid-template-columns:1fr}.export-card{flex-direction:column;gap:15px;text-align:center}}@media (max-width:480px){.admin-panel{padding:10px}.admin-layout{gap:10px}.admin-navigation{width:100%}.admin-nav-label{display:block}.admin-view{padding:15px}.admin-view-header h2{font-size:20px}}.grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:20px;padding:0 5px}.admin-view .grid-container{gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media (max-width:768px){.grid-container{gap:15px;grid-template-columns:1fr}}.card--item{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:20px;transition:all .2s ease}.admin-view .card--item{min-height:100px;padding:12px}.card--item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.card--header{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px}.admin-view .card--header{gap:8px;margin-bottom:8px}.card--icon{align-items:center;background:var(--accent-color);display:flex;font-size:32px;height:48px;justify-content:center;width:48px}.admin-view .card--icon{border-radius:6px;flex-shrink:0;font-size:18px;height:28px;width:28px}.card--info h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.admin-view .card--info h4{font-size:14px;margin:0 0 4px}.card--info p{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.admin-view .card--info p{font-size:12px;line-height:1.2}.file-upload-container{margin:15px 0}.file-upload-label{cursor:pointer;display:block}.file-upload-input{display:none}.file-selected{align-items:center;background:var(--success-light);border:1px solid var(--success-color);border-radius:4px;display:flex;font-size:14px;justify-content:space-between;margin-top:10px;padding:10px}.import-container{max-width:600px}.feature-list{margin:15px 0}.feature-list li{line-height:1.4}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;margin:10px 0}.checkbox-label input[type=checkbox]{margin:0}.checkbox-label span{font-size:14px;font-weight:500}.select--primary{background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:8px 12px;width:100%}.select--primary:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #5865f233;outline:none}.button--danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.button--danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.export-import-user-filter{margin:8px 0}.user-search-container{position:relative;width:100%}.user-search-container input{padding-right:35px;width:100%}.clear-search-btn{align-items:center;background:none;border:none;color:#b9bbbe;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px}.clear-search-btn:hover{color:#fff}.user-search-dropdown{background-color:#36393f;border:1px solid #4f545c;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000004d;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.user-search-item{border-bottom:1px solid #4f545c;cursor:pointer;padding:12px 15px}.user-search-item:hover{background-color:#40444b}.user-search-item:last-child{border-bottom:none}.user-info{align-items:center;display:flex;gap:8px;margin-bottom:4px}.user-name{color:#fff;font-size:14px;font-weight:600}.user-nickname{color:#5865f2;font-size:13px}.user-details{align-items:center;display:flex;font-size:12px;justify-content:space-between}.user-email{color:#b9bbbe}.user-id{color:#72767d}.export-import-button-full{font-size:13px;font-weight:600;letter-spacing:.5px;margin-top:8px;padding:8px 16px;text-transform:uppercase;width:100%}.export-import-column-mapping{border:2px solid var(--primary-color);margin-top:20px}.export-import-preview-table{border:1px solid var(--border-color);border-radius:4px;margin-bottom:20px;overflow-x:auto}.export-import-preview-table table{border-collapse:collapse;font-size:12px;width:100%}.export-import-preview-table th{background-color:var(--background-secondary);border:1px solid var(--border-color);font-weight:700;padding:8px}.export-import-preview-table td{border:1px solid var(--border-color);padding:6px}.export-import-mapping-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.export-import-mapping-select-required{border-color:var(--danger-color)}.export-import-file-selected{align-items:center;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;justify-content:space-between;margin-top:10px;padding:12px}.export-import-file-selected strong{color:var(--success-color);margin-right:8px}.export-import-file-selected button{margin-left:10px}.export-import-import-button-full{font-weight:600;letter-spacing:.5px;margin-top:15px;text-transform:uppercase;width:100%}.admin-view-header{margin-bottom:30px;text-align:center}.admin-view-header h2{color:var(--text-primary);margin-bottom:8px}.admin-view-header p{color:var(--text-secondary);font-size:14px}.import-container{margin-top:15px}.section-header{border-bottom:2px solid var(--primary-color);margin-bottom:20px;padding-bottom:10px}.section-header h3{color:var(--text-primary);font-size:20px;margin:0}.section-content>p{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.export-format-selector{margin:0 auto;max-width:600px}.export-format-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:20px;margin-bottom:30px;padding-bottom:15px}.back-button{flex-shrink:0}.selected-export-info{align-items:center;display:flex;gap:12px}.selected-export-icon{font-size:24px}.selected-export-info h3{color:var(--text-primary);font-size:20px;margin:0}.format-options{margin-top:20px}.format-options h4{color:var(--text-primary);margin-bottom:20px;text-align:center}.format-buttons{gap:15px;margin:0 auto;max-width:400px}.format-button,.format-buttons{display:flex;flex-direction:column}.format-button{align-items:center;border-radius:8px;gap:8px;min-height:80px;padding:20px;text-align:center}.format-button .format-description{font-size:12px;font-weight:400;letter-spacing:normal;opacity:.8;text-transform:none}.format-button:hover .format-description{opacity:1}@media (min-width:768px){.format-buttons{flex-direction:row;justify-content:center;max-width:none}.format-button{flex:1 1;max-width:180px}}.admin-info-section{background-color:var(--background-secondary);border-left:4px solid var(--warning-color);border-radius:0 8px 8px 0;padding:20px}.admin-info-section h4{color:var(--warning-color);font-size:16px;margin-bottom:15px;margin-top:0}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;padding:8px 0}.feature-list li:last-child{border-bottom:none}.feature-list li strong{color:var(--text-primary)}.text-danger{color:var(--danger-color)}.modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-container{background-color:var(--background-primary);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:90vw;overflow-y:auto;position:relative}.import-modal{max-height:85vh;max-width:90vw;width:1000px}.import-modal .modal-content{max-height:calc(85vh - 140px);overflow-y:auto}.modal-header{align-items:center;background-color:var(--background-secondary);border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:var(--text-primary);font-size:20px;margin:0}.modal-close-button{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:20px;padding:4px 8px;transition:all .2s ease}.modal-close-button:hover{background-color:var(--danger-color);color:#fff;transform:none}.modal-content{min-height:300px;padding:24px}.modal-footer{background-color:var(--background-secondary);border-radius:0 0 12px 12px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.column-mapping-section{background-color:#40444b;border:1px solid #4f545c;border-radius:8px;margin-top:20px;padding:20px}.column-mapping-section h4{color:#5865f2;font-size:16px;margin-bottom:15px;margin-top:0}.preview-section{margin:20px 0}.preview-section h5{color:#fff;font-size:14px;margin-bottom:10px}.preview-table-container{background-color:#36393f;border:1px solid #4f545c;border-radius:4px;max-height:200px;overflow:auto}.import-result{border:2px solid;border-radius:8px;margin:20px 0;padding:20px}.import-success{background-color:#57f2871a;border-color:var(--success-color)}.import-error{background-color:#ed42451a;border-color:var(--danger-color)}.import-result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.import-result-header h4{font-size:18px;margin:0}.result-close-button{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:4px 8px;transition:all .2s ease}.result-close-button:hover{background-color:var(--danger-color);color:#fff}.import-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:15px}.stat-item{background-color:var(--background-secondary);border-radius:6px;padding:10px;text-align:center}.import-errors{margin-top:15px}.import-errors h5{color:var(--danger-color);margin:0 0 10px}.error-list{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;max-height:150px;overflow-y:auto}.error-item{border-bottom:1px solid var(--border-color);padding:8px 12px}.error-item:last-child{border-bottom:none}.error-details{color:var(--text-secondary);font-family:monospace;font-size:12px;margin-top:4px;word-break:break-all}.error-actions,.import-success-message{margin-top:15px;text-align:center}.import-success-message p{color:var(--success-color);font-size:16px;margin:0}.import-button-section{background-color:var(--background-secondary);border-radius:8px;border-top:1px solid var(--border-color);margin-top:20px;padding:20px;text-align:center}.import-buttons-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}.import-card{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px;text-align:center}.import-card-header h4{color:var(--text-primary);font-size:16px;margin:0 0 8px}.import-card-header p{color:var(--text-secondary);font-size:14px;margin:0 0 15px}.import-options-row{align-items:center;background-color:var(--background-secondary);border-radius:6px;display:flex;justify-content:flex-start;margin-bottom:20px;padding:10px}.checkbox-label-compact{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-label-compact input[type=checkbox]{margin:0}.preview-table{border-collapse:collapse;font-size:13px;width:100%}.preview-table th{background-color:#2f3136;border-bottom:1px solid #4f545c;color:#fff;font-size:13px;font-weight:600;padding:10px;position:sticky;text-align:left;top:0}.preview-table td{border-bottom:1px solid #4f545c;color:#b9bbbe;font-size:12px;padding:8px 10px}.preview-table tr:hover{background-color:#40444b}.mapping-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:15px}.mapping-controls{display:flex;gap:15px;justify-content:center;margin-top:25px}.select-required{border:2px solid #ed4245!important;box-shadow:0 0 5px #ed42454d}.conflicts-section{padding:20px}.conflicts-section h4{color:var(--warning-color);margin-top:0}.conflicts-list{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;max-height:400px;overflow-y:auto;padding:16px}.conflict-item{align-items:flex-start;background-color:var(--background-primary);border:1px solid var(--warning-color);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px}.conflict-info{flex:1 1;margin-right:16px}.conflict-info strong{color:var(--warning-color)}.conflict-data{background-color:var(--background-secondary);border-radius:4px;font-family:monospace;font-size:12px;margin-top:8px;max-width:500px;overflow-x:auto;padding:8px;white-space:pre-wrap}.conflict-actions{display:flex;flex-direction:column;gap:8px}.conflict-actions label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:6px}.conflicts-controls{display:flex;justify-content:space-between;margin-top:20px}@media (max-width:768px){.modal-container{margin:20px;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px)}.import-modal{width:100%}.mapping-grid{grid-template-columns:1fr}.conflict-item{flex-direction:column;gap:12px}.conflict-actions{flex-direction:row}.conflicts-controls{flex-direction:column;gap:12px}}.time-period-buttons{background:var(--background);border:1px solid #4f545c;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px;padding:12px}.period-button{background:#4f545c;border:2px solid #6b7280;border-radius:8px;color:#b9bbbe;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;min-width:75px;padding:12px 18px;text-transform:uppercase;transition:all .3s ease}.period-button:hover{background:#5d6269;border-color:#5865f2;color:var(--text-white);transform:translateY(-1px)}.period-button.active{background:linear-gradient(135deg,#5865f2,#4752c4);border-color:#5865f2;box-shadow:0 6px 16px #5865f266;color:#fff;transform:translateY(-2px)}.compact-stats-layout{display:flex;flex-direction:column;gap:24px}.main-stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:8px}.compact-analytics-row,.main-stats-grid{background:var(--background);border:1px solid #4f545c;border-radius:12px;display:grid;padding:20px}.compact-analytics-row{grid-gap:20px;gap:20px;grid-template-columns:1fr 1fr}.compact-analytics-card{background:#36393f;border:1px solid #4f545c;border-radius:10px;padding:20px;transition:all .3s ease}.compact-analytics-card:hover{background:#40444b;border-color:#5865f2;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.compact-analytics-card h4{align-items:center;color:var(--text-white);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.compact-item-list{display:flex;flex-direction:column;gap:8px}.compact-item-row{grid-gap:12px;align-items:center;border-bottom:1px solid var(--border-light);display:grid;gap:12px;grid-template-columns:30px 1fr 80px 80px;padding:8px 0}.compact-item-row:last-child{border-bottom:none}.item-rank{align-items:center;background:linear-gradient(135deg,#5865f2,#4752c4);border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.item-name{color:var(--text-white);font-size:14px;font-weight:500}.item-sales{background:#4f545c;color:#b9bbbe}.item-revenue,.item-sales{border-radius:12px;font-size:12px;padding:2px 8px;text-align:right}.item-revenue{background:#10b9811a;color:#10b981;font-weight:600}.system-health-stats{display:flex;flex-direction:column;gap:12px}.health-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:8px 0}.health-item:last-child{border-bottom:none}.health-label{color:#b9bbbe;font-size:14px}.health-value{background:#5865f21a;border-radius:8px;color:#5865f2;font-size:14px;font-weight:600;padding:4px 8px}@media (max-width:768px){.time-period-buttons{gap:6px}.period-button{font-size:12px;min-width:70px;padding:10px 16px}.main-stats-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.compact-analytics-row{gap:16px;grid-template-columns:1fr}.compact-analytics-card{padding:16px}.compact-item-row{gap:8px;grid-template-columns:25px 1fr 70px 70px}}@media (max-width:480px){.period-button{font-size:11px;min-width:60px;padding:8px 12px}.main-stats-grid{grid-template-columns:repeat(2,1fr)}}.admin-view .history-controls-container{background:var(--background);border:1px solid #4f545c;border-radius:12px;margin-bottom:24px;padding:20px}.admin-view .history-filter-row{grid-gap:24px;align-items:end;display:grid;gap:24px;grid-template-columns:auto auto 1fr}.admin-view .filter-group{display:flex;flex-direction:column;gap:8px}.admin-view .filter-group label{color:#b9bbbe;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-view .filter-buttons{display:flex;gap:6px}.admin-view .filter-button{align-items:center;background:#4f545c;border:1px solid #6b7280;border-radius:6px;color:#b9bbbe;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:8px 12px;transition:all .2s ease}.admin-view .filter-button:hover{background:#5d6269;border-color:#5865f2;color:var(--text-white)}.admin-view .filter-button.active{background:linear-gradient(135deg,#5865f2,#4752c4);border-color:#5865f2;box-shadow:0 2px 8px #5865f24d;color:#fff}.admin-view .filter-icon{font-size:14px}.admin-view .search-group{justify-self:end;min-width:250px}.admin-view .search-input{background:#4f545c;border:1px solid #6b7280;border-radius:8px;color:var(--text-white);font-size:14px;padding:10px 16px;transition:all .2s ease;width:100%}.admin-view .search-input:focus{background:#5d6269;border-color:#5865f2;box-shadow:0 0 0 3px #5865f21a;outline:none}.admin-view .search-input::placeholder{color:#b9bbbe}.admin-view .history-content{background:#2a2a2a;border:1px solid #404040;border-radius:12px;overflow:hidden}.admin-view .transaction-cards-container{max-height:50vh;overflow-y:auto;padding:16px}.admin-view .transaction-cards{display:flex;flex-direction:column;gap:12px}.admin-view .transaction-card{background:#36393f;border:1px solid #4f545c;border-radius:8px;padding:16px;transition:all .2s ease}.admin-view .transaction-card:hover{background:#40444b;border-color:#5865f2;box-shadow:0 4px 12px #5865f233;transform:translateY(-1px)}.admin-view .transaction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.admin-view .transaction-type-badge{align-items:center;background:#4a4a4a;border-radius:20px;display:flex;gap:8px;padding:6px 12px}.admin-view .type-icon{font-size:16px}.admin-view .type-label{color:#e0e0e0;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-view .transaction-amount{border-radius:6px;font-size:16px;font-weight:700;padding:6px 12px}.admin-view .transaction-amount.positive{background:#28a7451a;color:#28a745}.admin-view .transaction-amount.negative{background:#dc35451a;color:#dc3545}.admin-view .transaction-details{display:flex;flex-direction:column;gap:8px}.admin-view .detail-row{align-items:center;display:flex;justify-content:space-between}.admin-view .detail-label{color:#888;font-size:12px;font-weight:500}.admin-view .detail-value{color:#e0e0e0;font-size:13px;font-weight:500}.admin-view .transaction-card.transaction-purchase{border-left:4px solid #dc3545}.admin-view .transaction-card.transaction-topup{border-left:4px solid #28a745}.admin-view .transaction-card.transaction-admin{border-left:4px solid #ffc107}.no-data-message{color:#888;padding:60px 20px;text-align:center}.no-data-icon{font-size:48px;margin-bottom:16px}.no-data-message h3{color:#b0b0b0;margin-bottom:8px}.no-data-message p{color:#888;font-size:14px}@media (max-width:768px){.admin-view .history-filter-row{gap:16px;grid-template-columns:1fr}.admin-view .search-group{justify-self:stretch;min-width:auto}.admin-view .filter-buttons{flex-wrap:wrap}.admin-view .transaction-header{align-items:flex-start;flex-direction:column;gap:8px}.admin-view .transaction-amount{align-self:flex-end}}@media (max-width:480px){.admin-view .history-controls-container{padding:16px}.admin-view .filter-button{font-size:11px;padding:6px 10px}.admin-view .transaction-card{padding:12px}}
/*# sourceMappingURL=main.28cf7314.css.map*/