body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-dark:#1a1a1a;--bg-medium:#232323;--bg-light:#333;--text-light:#f0f0f0;--text-primary:#e6e1c5;--accent-color:#e6e1c5;--error-color:#dc3545;--success-color:#28a745;--info-color:#17a2b8;--warning-color:#ff5722;--gold-color:gold;--green-color:#4caf50;--orange-color:#ff5722;--border-radius-sm:8px;--border-radius-md:10px;--border-radius-lg:14px;--border-radius-xl:20px;--box-shadow-sm:0 2px 4px #0003;--box-shadow-md:0 4px 8px #0003;--box-shadow-lg:0 8px 16px #0000004d;--box-shadow-xl:0 10px 20px #0000004d;--transition-speed:0.2s}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}*,body{margin:0;padding:0}body{background-color:#1a1a1a;background-color:var(--bg-dark);color:#f0f0f0;color:var(--text-light)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes scan{0%{opacity:0;transform:translateY(-70px)}50%{opacity:1}to{opacity:0;transform:translateY(70px)}}@keyframes processing{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-page{align-items:center;background-color:#1a1a1a;background-color:var(--bg-dark);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.app-title{color:#e6e1c5;color:var(--text-primary);font-size:3rem;font-weight:300;margin-bottom:30px;text-align:center}.logo-container{margin-bottom:40px}.app-logo{background-color:#232323;background-color:var(--bg-medium);box-shadow:0 8px 16px #0000004d;box-shadow:var(--box-shadow-lg);height:140px;object-fit:contain;padding:10px;width:140px}.login-form{align-items:center;display:flex;flex-direction:column;max-width:350px;width:100%}.form-group{margin-bottom:24px;width:100%}.form-group label{color:#e6e1c5;color:var(--text-primary);display:block;font-size:1.1rem;margin-bottom:10px}.form-group input{background-color:#fff;box-shadow:0 2px 4px #0003;box-shadow:var(--box-shadow-sm)}.form-group input,.login-btn{border:none;border-radius:10px;border-radius:var(--border-radius-md);font-size:1.1rem;padding:16px;width:100%}.login-btn{background-color:#e6e1c5;background-color:var(--accent-color);box-shadow:0 4px 8px #0003;box-shadow:var(--box-shadow-md);color:#333;cursor:pointer;font-weight:600;margin-top:10px;transition:background-color .2s,transform .1s;transition:background-color var(--transition-speed),transform .1s}.login-btn:hover{background-color:#d8d3b7}.login-btn:active{transform:scale(.98)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.error-message{background-color:#dc35451a;border:1px solid #dc3545;border:1px solid var(--error-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#dc3545;color:var(--error-color)}.error-message,.success-message{margin-bottom:20px;max-width:350px;padding:12px 16px;text-align:center;width:100%}.success-message{animation:fadeIn .3s ease-in;background-color:#28a7451a;border:1px solid #28a745;border:1px solid var(--success-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#28a745;color:var(--success-color)}.loading-container{align-items:center;background-color:#1a1a1a;background-color:var(--bg-dark);color:#e6e1c5;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #e6e1c54d;border-radius:50%;border-top:5px solid var(--text-primary);height:50px;margin-bottom:20px;width:50px}.admin-dashboard{min-height:100vh;padding-bottom:30px}.admin-dashboard,.admin-header{align-items:center;background-color:#1a1a1a;background-color:var(--bg-dark);display:flex;flex-direction:column}.admin-header{color:#e6e1c5;color:var(--text-primary);max-width:600px;padding:20px;text-align:center;width:100%}.admin-header h2{font-size:1.8rem;font-weight:400;margin-bottom:15px}.logout-btn{align-items:center;background-color:#e6e1c51a;border:1px solid #e6e1c5;border:1px solid var(--text-primary);border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0003;box-shadow:var(--box-shadow-sm);color:#e6e1c5;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:6px;letter-spacing:.5px;padding:8px 16px;transition:all .2s;transition:all var(--transition-speed)}.logout-btn:before{content:"↩";font-size:1.1rem}.logout-btn:hover{background-color:#e6e1c5;background-color:var(--accent-color);box-shadow:0 4px 8px #0003;box-shadow:var(--box-shadow-md);color:#1a1a1a;color:var(--bg-dark);transform:translateY(-1px)}.logout-btn:active{box-shadow:0 2px 4px #0003;box-shadow:var(--box-shadow-sm);transform:translateY(1px)}.cafe-info-container{align-items:center;display:flex;flex-direction:column;margin-bottom:30px;max-width:600px;padding:30px 20px;width:100%}.cafe-logo-container{background-color:#232323;background-color:var(--bg-medium);border-radius:50%;box-shadow:0 8px 16px #0000004d;box-shadow:var(--box-shadow-lg);height:120px;margin-bottom:20px;overflow:hidden;width:120px}.cafe-logo-container,.cafe-logo-placeholder{align-items:center;display:flex;justify-content:center}.cafe-logo-placeholder{color:#e6e1c5;color:var(--text-primary);font-size:3rem;font-weight:700;height:100%;width:100%}.cafe-location{color:#9e9a85;font-size:1.1rem;text-align:center}.admin-actions{display:flex;flex-direction:column;gap:20px;max-width:600px;padding:20px;width:100%}.action-btn{align-items:center;background-color:#232323;background-color:var(--bg-medium);border:none;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 4px 8px #0003;box-shadow:var(--box-shadow-md);color:#e6e1c5;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.4rem;font-weight:500;justify-content:center;padding:20px;transition:transform .2s,background-color .2s;transition:transform var(--transition-speed),background-color var(--transition-speed)}.action-btn:hover{background-color:#2a2a2a;transform:translateY(-2px)}.action-btn:active{transform:translateY(1px)}.action-icon{font-size:1.8rem;margin-right:15px}.star-btn .action-icon{color:gold;color:var(--gold-color)}.payment-btn .action-icon{color:#4caf50;color:var(--green-color)}.reward-btn .action-icon{color:#ff5722;color:var(--orange-color)}.modal-overlay{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#232323;background-color:var(--bg-medium);border-radius:15px;box-shadow:0 10px 20px #0000004d;box-shadow:var(--box-shadow-xl);display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:90%}.modal-header{align-items:center;background-color:#333;background-color:var(--bg-light);display:flex;justify-content:space-between;padding:15px 20px}.modal-header h3{font-size:1.2rem;font-weight:500;margin:0}.close-btn,.modal-header h3{color:#e6e1c5;color:var(--text-primary)}.close-btn{background:none;border:none;cursor:pointer;font-size:1.8rem;line-height:1}.modal-body{color:#e6e1c5;color:var(--text-primary);padding:20px}.modal-footer{border-top:1px solid #444;display:flex;gap:15px;justify-content:flex-end;padding:15px 20px}.cancel-btn,.confirm-btn{border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s;transition:all var(--transition-speed)}.cancel-btn{background-color:initial;border:1px solid #e6e1c5;border:1px solid var(--text-primary);color:#e6e1c5;color:var(--text-primary)}.confirm-btn{background-color:#e6e1c5;background-color:var(--accent-color);border:1px solid #e6e1c5;border:1px solid var(--accent-color);color:#333}.cancel-btn:hover{background-color:#e6e1c51a}.confirm-btn:hover{background-color:#d8d3b7}.cancel-btn:disabled,.confirm-btn:disabled{cursor:not-allowed;opacity:.6}.confirm-btn:disabled{animation:processing 1.5s ease-in-out infinite;font-weight:700;letter-spacing:.5px}.scanner-modal{height:80vh;max-height:700px}.scan-result{align-items:center;color:#e6e1c5;color:var(--text-primary);display:flex;flex-direction:column;padding:15px 20px}.scan-result p{font-size:1rem;margin-bottom:15px}.continue-btn{background-color:#e6e1c5;background-color:var(--accent-color);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#333;cursor:pointer;font-weight:500;padding:10px 25px;transition:background-color .2s;transition:background-color var(--transition-speed)}.continue-btn:hover{background-color:#d8d3b7}.payment-input{margin:20px 0}.payment-input label{display:block;margin-bottom:10px}.payment-input input,.payment-input label{color:#e6e1c5;color:var(--text-primary);font-size:1rem}.payment-input input{background-color:#333;background-color:var(--bg-light);border:1px solid #555;border-radius:8px;border-radius:var(--border-radius-sm);padding:12px;width:100%}.payment-input input:focus{border-color:#e6e1c5;border-color:var(--text-primary);outline:none}.confirmation-message{font-size:1.1rem;font-weight:500;margin:20px 0;text-align:center}.qr-scanner-container{display:flex;flex:1 1;flex-direction:column;height:100%;width:100%}.manual-id-section{background-color:#333;background-color:var(--bg-light);border-bottom:1px solid #444;padding:15px}.manual-id-form{display:flex;gap:10px}.manual-id-input{background-color:#2a2a2a;border:1px solid #555;border-radius:8px;border-radius:var(--border-radius-sm);color:#e6e1c5;color:var(--text-primary);flex:1 1;font-size:.95rem;padding:12px}.manual-id-input:focus{border-color:#e6e1c5;border-color:var(--text-primary);outline:none}.manual-id-button{background-color:#e6e1c5;background-color:var(--accent-color);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#333;cursor:pointer;font-weight:500;padding:12px 15px;transition:background-color .2s;transition:background-color var(--transition-speed)}.manual-id-button:hover{background-color:#d8d3b7}.manual-id-button:disabled{cursor:not-allowed;opacity:.6}.scanner-view{align-items:center;background-color:#000;display:flex;height:100%;justify-content:center;min-height:400px;overflow:hidden;position:relative;width:100%}.scanner-video{object-fit:cover}.scanner-canvas,.scanner-video{height:100%;position:absolute;width:100%}.scanner-canvas{display:none}.scanner-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.scanner-target-box{border:2px solid #ffffff80;border-radius:10px;height:65%;max-height:280px;max-width:280px;position:relative;width:65%}.corner{border-color:#e6e1c5;border-color:var(--text-primary);border-style:solid;border-width:0;height:20px;position:absolute;width:20px}.top-left{border-left-width:4px;border-top-left-radius:10px;border-top-width:4px;left:-2px;top:-2px}.top-right{border-right-width:4px;border-top-right-radius:10px;border-top-width:4px;right:-2px;top:-2px}.bottom-left{border-bottom-left-radius:10px;border-bottom-width:4px;border-left-width:4px;bottom:-2px;left:-2px}.bottom-right{border-bottom-right-radius:10px;border-bottom-width:4px;border-right-width:4px;bottom:-2px;right:-2px}.scanning-indicator{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.scanning-line{animation:scan 2s ease-in-out infinite;background-color:#e6e1c5;background-color:var(--text-primary);height:2px;max-width:280px;width:65%}.scanning-indicator p{background-color:#00000080;border-radius:5px;color:#e6e1c5;color:var(--text-primary);font-size:1rem;margin-top:20px;padding:5px 10px}.main-page{min-height:100vh}.main-header,.main-page{background-color:#1a1a1a;background-color:var(--bg-dark);display:flex;flex-direction:column}.main-header{align-items:center;color:#e6e1c5;color:var(--text-primary);margin:0 auto;max-width:600px;padding:20px;text-align:center}.main-header h2{font-size:1.6rem;font-weight:400;margin-bottom:15px}.pay-card-container{margin:0 auto;max-width:600px;padding:20px;width:100%}.pay-card{background-color:#232323;background-color:var(--bg-medium);border-radius:20px;border-radius:var(--border-radius-xl);box-shadow:0 8px 16px #0000004d;box-shadow:var(--box-shadow-lg);color:#e6e1c5;color:var(--text-primary);margin-bottom:24px;padding:25px;text-align:center}.card-header{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.card-header span{color:#bbb;font-size:1.1rem}.card-title{font-size:2.2rem;font-weight:500;margin-bottom:24px;text-align:center}.card-info{display:flex;gap:60px;justify-content:center;margin-bottom:30px}.coffee-info,.star-info{align-items:center;display:flex;gap:10px}.coffee-icon,.star-icon{font-size:1.7rem}.coffee-info span:last-child,.star-info span:last-child{font-size:1.7rem;font-weight:500}.card-balance{font-size:2.5rem;font-weight:500;margin-bottom:20px;text-align:center}.qr-container{align-items:center;background-color:#f0eadc;border-radius:20px;border-radius:var(--border-radius-xl);box-shadow:0 8px 16px #0000004d;box-shadow:var(--box-shadow-lg);color:#333;display:flex;flex-direction:column;padding:30px}.load-money-btn{background-color:#333;border:none;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 2px 4px #0003;box-shadow:var(--box-shadow-sm);color:#f0eadc;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;max-width:250px;min-width:300px;padding:16px 40px;text-align:center;transition:background-color .2s,transform .1s;transition:background-color var(--transition-speed),transform .1s}.load-money-btn:hover{background-color:#444}.load-money-btn:active{transform:scale(.98)}.top-up-container{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.amount-selector{display:flex;gap:15px;justify-content:center;width:100%}.amount-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:8px;border-radius:var(--border-radius-sm);color:#333;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s;transition:all var(--transition-speed)}.amount-btn.active{background-color:#333;border-color:#333;color:#e6e1c5;color:var(--text-primary)}.amount-btn:hover:not(.active){background-color:#e0e0e0}.top-up-actions{gap:15px}.custom-amount,.top-up-actions{display:flex;justify-content:center;width:100%}.custom-amount{margin:10px 0}.custom-amount-input{background-color:#fff;border:1px solid #ddd;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000000d;font-size:1rem;max-width:250px;padding:12px 16px;text-align:center;transition:border-color .2s,box-shadow .2s;transition:border-color var(--transition-speed),box-shadow var(--transition-speed);width:100%}.custom-amount-input:focus{border-color:#333;box-shadow:0 2px 8px #0000001a;outline:none}.custom-amount-input::placeholder{color:#999}.tabs-container{background-color:#e6e1c5;background-color:var(--accent-color);border-radius:16px 16px 0 0;color:#333;display:flex;margin:0 auto;max-width:600px;overflow:hidden;width:100%}.tab{cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:500;padding:18px;text-align:center;transition:background-color .2s;transition:background-color var(--transition-speed)}.tab:hover{background-color:#0000000d}.tab.active{font-weight:600;position:relative}.tab.active:after{background-color:#333;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:20%;position:absolute;width:60%}.content-container{background-color:#e6e1c5;background-color:var(--accent-color);border-radius:0 0 16px 16px;box-shadow:0 8px 16px #0000004d;box-shadow:var(--box-shadow-lg);color:#333;flex:1 1;margin:0 auto 30px;max-width:600px;overflow:auto;padding:20px;width:100%}.section-title,.transactions-container{margin-bottom:20px}.section-title{font-size:1.4rem;font-weight:600;text-align:center}.transactions-list{display:flex;flex-direction:column;gap:14px;max-height:600px;overflow-y:auto;padding-right:4px;width:100%}.transaction-item{align-items:center;background-color:#fff;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 4px 8px #00000014;display:flex;padding:18px;transition:transform .2s;transition:transform var(--transition-speed)}.transaction-item:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-2px)}.transaction-icon{align-items:center;background-color:#333;border-radius:50%;color:#f0eadc;display:flex;flex-shrink:0;font-size:1.2rem;height:48px;justify-content:center;margin-right:18px;width:48px}.transaction-details{flex:1 1}.transaction-details h4{font-size:1.1rem;font-weight:600;margin-bottom:6px}.transaction-details p{color:#666;font-size:.95rem;margin-bottom:6px}.transaction-date{color:#999;display:block;font-size:.85rem}.transaction-amount{font-size:1.1rem;font-weight:600}.transaction-icon.top-up{background-color:#28a745;background-color:var(--success-color)}.transaction-icon.positive{background-color:#17a2b8;background-color:var(--info-color)}.transaction-icon.negative{background-color:#dc3545;background-color:var(--error-color)}.transaction-amount.top-up{color:#28a745;color:var(--success-color)}.transaction-amount.positive{color:#17a2b8;color:var(--info-color)}.transaction-amount.negative{color:#dc3545;color:var(--error-color)}.cafes-container{margin-bottom:20px;width:100%}.cafes-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px;max-height:600px;overflow-y:auto;padding-right:4px}.cafe-item{align-items:center;background-color:#fff;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 4px 8px #00000014;display:flex;flex-direction:column;padding:16px 10px;transition:transform .2s;transition:transform var(--transition-speed)}.cafe-item:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-2px)}.cafe-logo{align-items:center;border-radius:50%;box-shadow:0 4px 8px #00000026;display:flex;height:64px;justify-content:center;margin-bottom:12px;overflow:hidden;width:64px}.cafe-logo-img{height:100%;object-fit:cover;width:100%}.logo-inner{height:80%;width:80%}.cafe-name{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.95rem;font-weight:500;height:2.6em;line-height:1.3;margin-bottom:10px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis}.cafe-rewards{display:flex;font-size:.95rem;gap:16px}.coffees-count,.stars-count{align-items:center;display:flex;gap:5px}.cafes-summary,.reward-number{font-weight:500}.cafes-summary{background-color:#f5f5f5;border-radius:10px;box-shadow:0 2px 6px #0000000f;font-size:1rem;padding:14px;text-align:center}.empty-list{color:#999;font-size:1.1rem;padding:40px;text-align:center}.cafes-list::-webkit-scrollbar,.transactions-list::-webkit-scrollbar{width:6px}.cafes-list::-webkit-scrollbar-track,.transactions-list::-webkit-scrollbar-track{background:#eee;border-radius:3px}.cafes-list::-webkit-scrollbar-thumb,.transactions-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.cafes-list::-webkit-scrollbar-thumb:hover,.transactions-list::-webkit-scrollbar-thumb:hover{background:#aaa}.admin-dashboard .transactions-container{background-color:#232323;background-color:var(--bg-medium)}.admin-dashboard .empty-list,.admin-dashboard .section-title{color:#e6e1c5;color:var(--text-primary)}.admin-dashboard .empty-list{background-color:#ffffff0d}.view-more-button{background-color:initial;border:1px solid #e6e1c5;border:1px solid var(--text-primary);border-radius:8px;border-radius:var(--border-radius-sm);color:#e6e1c5;color:var(--text-primary);cursor:pointer;margin-top:15px;padding:8px 16px;text-align:center;transition:all .2s;transition:all var(--transition-speed);width:100%}.view-more-button:hover{background-color:#e6e1c51a}.admin-dashboard .transactions-container{background-color:#e6e1c5;background-color:var(--accent-color);border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 4px 8px #0003;box-shadow:var(--box-shadow-md);color:#333;margin:20px auto;padding:20px}.admin-dashboard .section-title{color:#333;font-size:1.4rem;font-weight:600;margin-bottom:20px;text-align:center}.admin-dashboard .transactions-list{display:flex;flex-direction:column;gap:14px;max-height:400px;overflow-y:auto;padding-right:4px;width:100%}.admin-dashboard .transaction-item{align-items:center;background-color:#fff;border-radius:14px;border-radius:var(--border-radius-lg);box-shadow:0 4px 8px #00000014;display:flex;padding:18px;transition:transform .2s;transition:transform var(--transition-speed)}.admin-dashboard .transaction-item:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-2px)}.admin-dashboard .transaction-icon{align-items:center;background-color:#333;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:48px;justify-content:center;margin-right:18px;width:48px}.admin-dashboard .transaction-icon.top-up{background-color:#28a745;background-color:var(--success-color)}.admin-dashboard .transaction-icon.positive{background-color:#17a2b8;background-color:var(--info-color)}.admin-dashboard .transaction-icon.negative{background-color:#dc3545;background-color:var(--error-color)}.admin-dashboard .transaction-details{flex:1 1}.admin-dashboard .transaction-details h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:6px}.admin-dashboard .transaction-details p{color:#666;font-size:.95rem;margin-bottom:6px}.admin-dashboard .transaction-date{color:#999;display:block;font-size:.85rem}.admin-dashboard .transaction-amount{font-size:1.1rem;font-weight:600}.admin-dashboard .transaction-amount.top-up{color:#28a745;color:var(--success-color)}.admin-dashboard .transaction-amount.positive{color:#17a2b8;color:var(--info-color)}.admin-dashboard .transaction-amount.negative{color:#dc3545;color:var(--error-color)}.admin-dashboard .empty-list{background-color:#f5f5f5;border-radius:10px;border-radius:var(--border-radius-md);color:#666;font-size:1.1rem;padding:30px;text-align:center}.admin-dashboard .transactions-list::-webkit-scrollbar{width:6px}.admin-dashboard .transactions-list::-webkit-scrollbar-track{background:#eee;border-radius:3px}.admin-dashboard .transactions-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.admin-dashboard .transactions-list::-webkit-scrollbar-thumb:hover{background:#aaa}.app-logo{align-items:center;background-color:#4b6043;border-radius:50%;box-shadow:0 4px 8px #0003;color:#fff;display:flex;font-size:2.5rem;height:100px;justify-content:center;width:100px}.app-logo-rectangular{background-color:initial;border-radius:10px;box-shadow:0 4px 8px #0003;height:150px;max-width:380px;object-fit:contain;padding:10px;width:auto}.logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:30px;width:100%}@media (max-width:480px){.app-logo-rectangular{height:130px;max-width:240px}.admin-dashboard .transactions-list{max-height:300px}.admin-dashboard .transaction-item{padding:14px}.admin-dashboard .transaction-details h4{font-size:1rem}.admin-dashboard .transaction-details p{font-size:.85rem}}@media (min-width:768px){.admin-actions{flex-direction:row;flex-wrap:wrap;justify-content:center}.action-btn{min-width:180px;width:calc(33.33% - 20px)}}@media (max-width:600px){.card-info{gap:40px}.cafes-list{grid-template-columns:repeat(2,1fr)}.amount-selector{align-items:center;flex-direction:column}.amount-btn{max-width:200px;width:100%}.top-up-actions{align-items:center;flex-direction:column}.cancel-btn,.confirm-btn{max-width:200px;width:100%}.custom-amount-input{max-width:200px}.pay-card-container,.tabs-container,.transactions-list{min-width:auto}}@media (max-width:480px){.action-btn{font-size:1.2rem}.action-icon{font-size:1.6rem}.modal-content{width:95%}.scanner-target-box{height:75%;width:75%}}@media (max-width:400px){.card-info{gap:30px}.coffee-icon,.coffee-info span:last-child,.star-icon,.star-info span:last-child{font-size:1.4rem}.card-balance{font-size:2.2rem}}
/*# sourceMappingURL=main.36ce7ebb.css.map*/