:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;min-height:100vh;margin:0;padding:0}@media(max-width:768px){.page-container{padding:1rem}.page-title{font-size:1.5rem;margin-bottom:1.5rem}}@media(max-width:480px){.page-container{padding:.75rem}.page-title{font-size:1.25rem}}.navbar{background-color:#2c3e50;color:#fff;padding:0;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.navbar-brand{font-size:1.5rem;font-weight:700}.brand-link{color:#fff;text-decoration:none}.brand-link:hover{color:#3498db}.navbar-menu{display:flex;gap:1.5rem;align-items:center}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.nav-link:hover{background-color:#34495e}.navbar-user{display:flex;align-items:center;gap:.5rem}.profile-link{color:#ecf0f1;text-decoration:none;font-weight:500;transition:color .2s}.profile-link:hover{color:#3498db}.user-role{color:#95a5a6;font-size:.85rem}.role-selector-wrapper{position:relative;display:inline-block;margin-right:20px}.role-select-minimal{background-color:transparent;border:none;color:#fff;font-family:inherit;font-size:.85rem;padding:0;margin:0;cursor:pointer;outline:none;transition:color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left}.role-select-minimal:hover{color:#3498db;background-color:transparent}.role-select-minimal option{background-color:#2c3e50;color:#fff}.user-info{color:#ecf0f1;font-size:.9rem}.logout-btn{background-color:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.logout-btn:hover{background-color:#c0392b}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger{display:flex;flex-direction:column;gap:4px;width:25px}.hamburger span{display:block;height:3px;background-color:#fff;border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.notification-toast{position:fixed;right:20px;top:70px;background:#333;color:#fff;padding:12px 18px;border-radius:10px;font-size:14px;z-index:9999;box-shadow:0 0 10px #0003}.notification-bell{position:relative;background:none;border:none;cursor:pointer;color:#fff;font-size:1.4rem}.notification-bell:focus,.notification-bell:active{outline:none!important;box-shadow:none!important}.notification-bell{border:none!important}.notification-bell:hover{background-color:#ffffff14;transform:scale(1.05)}.bell-icon{line-height:1}.notification-badge{position:absolute;top:-4px;right:-6px;background-color:red;color:#fff;border-radius:50%;padding:2px 5px;font-size:.65rem;font-weight:700}@media(max-width:768px){.mobile-menu-toggle{display:block;order:2}.navbar-container{flex-wrap:wrap;position:relative;padding:.5rem 1rem}.navbar-brand{order:1;flex:1}.navbar-menu{display:none;order:3;width:100%;flex-direction:column;gap:0;background-color:#34495e;border-radius:4px;margin-top:1rem;overflow:hidden}.navbar-menu.mobile-open{display:flex}.nav-link{width:100%;padding:1rem;border-radius:0;border-bottom:1px solid rgba(255,255,255,.1);text-align:center}.nav-link:last-child{border-bottom:none}.navbar-user{display:none;order:4;width:100%;flex-direction:column;gap:1rem;margin-top:1rem;padding:1rem;border-top:1px solid rgba(255,255,255,.2);background-color:#2c3e50}.navbar-user.mobile-open{display:flex}.role-selector-wrapper{margin-right:0;margin-bottom:10px}.logout-btn{width:100%;margin-top:10px}}.donate-fab{position:fixed;right:24px;bottom:24px;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#354ebd);color:#fff;border:none;font-size:16px;box-shadow:0 8px 24px #00000026;cursor:pointer;z-index:1200;display:flex;align-items:center;justify-content:center;animation:pulse 3s infinite}@keyframes pulse{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.02)}to{transform:translateY(0) scale(1)}}.donate-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1300}.donate-modal{width:96%;max-width:420px;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 20px 40px #0003}.donate-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.close-btn{background:none;border:none;font-size:18px;cursor:pointer}.presets{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.preset-btn{padding:.5rem .75rem;border-radius:8px;border:1px solid #eee;background:#fafafa;cursor:pointer}.preset-btn.active{background:#ffefef;border-color:#ffbcbc}.custom-amount label{display:block;margin-bottom:.25rem;font-weight:600}.custom-amount input{width:100%;padding:.5rem;border-radius:6px;border:1px solid #ddd}.checkout-btn{margin-top:.75rem;width:100%;padding:.75rem;border-radius:8px;border:none;background:#ff4d4d;color:#fff;font-weight:600;cursor:pointer}.small-note{font-size:.82rem;color:#666;margin-top:.5rem;text-align:center}@media(max-width:600px){.donate-fab{right:50%;transform:translate(50%);bottom:18px}}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;background-color:#ecf0f1;padding:2rem}.page-container{max-width:1200px;margin:0 auto;background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.page-title{font-size:2rem;color:#2c3e50;margin-bottom:1.5rem;border-bottom:2px solid #3498db;padding-bottom:.5rem}.page-subtitle{font-size:1.2rem;color:#34495e;margin-bottom:1rem}.thank-you-banner{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#7086e7;color:#fff;padding:14px 22px;border-radius:12px;box-shadow:0 4px 14px #00000026;font-size:.95rem;font-weight:600;animation:fadeIn .5s ease-out,floatUp .3s ease-out;z-index:9999;border:1px solid #eee}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 25px #0003;width:100%;max-width:400px}.login-title{text-align:center;color:#2c3e50;margin-bottom:10px;font-size:1.8rem}.login-subtitle{text-align:center;color:#34495e;margin-bottom:30px;font-size:1.3rem;font-weight:400}.login-form{display:flex;flex-direction:column;gap:20px}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.auth-links{display:flex;justify-content:space-between;gap:15px;margin-top:15px}.link-button{flex:1;background:transparent;color:#667eea;border:2px solid #667eea;padding:10px;border-radius:5px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s}.login-help{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.help-text{color:#7f8c8d;font-size:.85rem;text-align:center;margin:8px 0}.help-text strong{color:#2c3e50}.register-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.register-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 25px #0003;width:100%;max-width:450px}.register-title{text-align:center;color:#2c3e50;margin-bottom:10px;font-size:1.8rem}.register-subtitle{text-align:center;color:#34495e;margin-bottom:30px;font-size:1.3rem;font-weight:400}.register-form{display:flex;flex-direction:column;gap:20px}.register-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.register-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.register-button:active:not(:disabled){transform:translateY(0)}.register-button:disabled{opacity:.6;cursor:not-allowed}.reset-password-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.reset-password-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 25px #0003;width:100%;max-width:450px}.reset-password-title{text-align:center;color:#2c3e50;margin-bottom:10px;font-size:1.8rem}.reset-password-subtitle{text-align:center;color:#34495e;margin-bottom:30px;font-size:1.3rem;font-weight:400}.reset-password-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#2c3e50;font-weight:500;font-size:.95rem}.form-group input{padding:12px;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s}.verification-group{display:flex;gap:10px}.verification-group input{flex:1}.send-code-button{background:#3498db;color:#fff;border:none;padding:12px 20px;border-radius:5px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .3s,transform .2s;white-space:nowrap}.send-code-button:hover:not(:disabled){background:#2980b9;transform:translateY(-2px)}.send-code-button:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.error-message{color:#e74c3c;background-color:#fadbd8;padding:10px;border-radius:5px;margin:0;font-size:.9rem}.success-message{color:#27ae60;background-color:#d5f4e6;padding:10px;border-radius:5px;margin:0;font-size:.9rem}.reset-password-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.reset-password-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.reset-password-button:active:not(:disabled){transform:translateY(0)}.reset-password-button:disabled{opacity:.6;cursor:not-allowed}.back-to-login{margin-top:20px;text-align:center}.link-button{background:transparent;color:#667eea;border:2px solid #667eea;padding:10px 24px;border-radius:5px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s}.link-button:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.link-button:active{transform:translateY(0)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:1.1rem;color:#7f8c8d}.error-banner{background-color:#fadbd8;color:#e74c3c;padding:15px;border-radius:5px;margin-bottom:20px;border-left:4px solid #e74c3c}.points-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:10px;margin-bottom:30px;box-shadow:0 4px 6px #0000001a}.points-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.points-header h2{margin:0;font-size:1.3rem;font-weight:500}.user-greeting{margin:0;font-size:1rem;opacity:.9}.points-value{font-size:4rem;font-weight:700;text-align:center;margin:20px 0;text-shadow:2px 2px 4px rgba(0,0,0,.2);color:#32cd32!important}.points-footer{text-align:center;padding-top:15px;border-top:1px solid rgba(255,255,255,.3)}.verified{color:#32cd32!important;font-weight:500}.unverified{color:#f39c12;font-weight:500}.recent-transactions{background:#fff;padding:25px;border-radius:10px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.section-title{color:#2c3e50;margin-bottom:20px;font-size:1.4rem;border-bottom:2px solid #ecf0f1;padding-bottom:10px}.empty-state{text-align:center;padding:40px 20px;color:#7f8c8d}.empty-state p{margin:10px 0}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #ecf0f1;transition:transform .2s,box-shadow .2s}.transaction-item:hover{transform:translate(5px);box-shadow:0 2px 8px #0000001a}.transaction-info{display:flex;flex-direction:column;gap:5px}.transaction-type{font-weight:600;color:#2c3e50;font-size:1rem}.transaction-date{font-size:.85rem;color:#7f8c8d}.transaction-remark{font-size:.9rem;color:#34495e;font-style:italic}.transaction-amount{font-size:1.3rem;font-weight:700;min-width:80px;text-align:right}.transaction-positive{color:#27ae60}.transaction-negative{color:#e74c3c}.view-all-link{margin-top:20px;text-align:center}.view-all-link a{color:#3498db;text-decoration:none;font-weight:500;font-size:1rem;transition:color .3s}.view-all-link a:hover{color:#2980b9;text-decoration:underline}.quick-actions{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 4px #0000001a}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.action-btn{display:block;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;text-decoration:none;color:#2c3e50;font-weight:600;text-align:center;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 4px #0000001a}.action-btn:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}@media(max-width:768px){.points-header{flex-direction:column;gap:10px}.points-value{font-size:3rem}.transaction-item{flex-direction:column;align-items:flex-start;gap:10px}.transaction-amount{align-self:flex-end}.action-buttons{grid-template-columns:1fr}}.welcome-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem}.welcome-section h2{margin:0 0 .5rem;font-size:1.8rem}.role-badge{display:inline-block;background:#fff3;padding:.25rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 2px 4px #0000000d}.stat-card h3{margin:0 0 1rem;color:#666;font-size:1rem;font-weight:500}.stat-value{font-size:2.5rem;font-weight:700;color:#667eea;margin-bottom:.5rem}.stat-label{color:#666;font-size:.9rem;margin-bottom:.5rem}.stat-points{color:#28a745;font-weight:500;font-size:.95rem}.quick-actions{margin-bottom:2rem}.section-title{font-size:1.5rem;color:#333;margin-bottom:1rem}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-btn{display:block;padding:1rem 1.5rem;background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;text-decoration:none;text-align:center;font-weight:500;transition:all .3s ease}.action-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.action-btn.primary{background:#667eea;color:#fff}.action-btn.primary:hover{background:#5568d3}.recent-transactions{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem}.transactions-table-wrapper{overflow-x:auto}.transactions-table{width:100%;border-collapse:collapse;margin-top:1rem}.transactions-table th{text-align:left;padding:.75rem;border-bottom:2px solid #e0e0e0;color:#666;font-weight:600;font-size:.9rem}.transactions-table td{padding:.75rem;border-bottom:1px solid #f0f0f0}.type-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.type-badge.transfer_in{background:#d1ecf1;color:#0c5460}.type-badge.transfer_out{background:#f8d7da;color:#721c24}.positive{color:#28a745;font-weight:500}.negative{color:#dc3545;font-weight:500}.empty-message{text-align:center;padding:2rem;color:#999}.scan-container{display:flex;justify-content:center;align-items:center}.scan-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2rem;width:100%;max-width:600px;box-shadow:0 2px 8px #0000001a}.scan-header{text-align:center;margin-bottom:2rem}.scan-header h2{margin:0 0 .5rem;color:#333}.scan-header p{color:#666;margin:0}.scan-form{display:flex;flex-direction:column;gap:1.5rem}#qrInput,.scan-form input[type=text],.scan-form input[type=number]{width:auto}.form-group textarea{resize:vertical;min-height:100px;font-family:monospace}.form-group input:disabled,.form-group textarea:disabled{background:#f5f5f5;cursor:not-allowed}.field-hint{font-size:.85rem;color:#666;margin-top:.5rem;margin-bottom:0}.user-info-card{background:#e8f4f8;border:1px solid #b3d9e6;border-radius:8px;padding:1rem}.user-info-card.redemption-info{background:#fff3cd;border:1px solid #ffc107}.user-info-card h3{margin:0 0 .75rem;color:#0c5460;font-size:1rem}.user-info-card.redemption-info h3{color:#856404}.user-info-card p{margin:.5rem 0;color:#0c5460}.user-info-card.redemption-info p{color:#856404}.warning-text{font-weight:600;margin-top:.75rem!important}.help-section h4{margin:1rem 0 .5rem;color:#555;font-size:1rem}.submit-btn{background:#667eea;color:#fff;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .3s ease}.submit-btn:hover:not(:disabled){background:#5568d3}.page-container{max-width:800px;margin:0 auto;padding:2rem}.manual-award-container{display:flex;justify-content:center}.manual-award-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2rem;width:100%;max-width:600px;box-shadow:0 2px 8px #0000001a}.card-header{text-align:center;margin-bottom:2rem}.card-header h2{margin:0 0 .5rem;color:#333}.card-header p{color:#666;margin:0}.success-banner{background:#d4edda;color:#155724;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:500}.error-banner{background:#f8d7da;color:#721c24;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:500}.search-section{margin-bottom:2rem}.search-group{margin-bottom:1.5rem}.search-group label{display:block;font-weight:500;margin-bottom:.5rem;color:#333}.search-input-wrapper{display:flex;gap:.5rem}.search-input-wrapper input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.search-input-wrapper input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input-wrapper input:disabled{background:#f5f5f5;cursor:not-allowed}.search-btn{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .3s ease;white-space:nowrap}.search-btn:hover:not(:disabled){background:#5568d3}.search-btn:disabled{background:#ccc;cursor:not-allowed}.user-info-card{background:#f0f7ff;border:1px solid #b3d9f2;border-radius:8px;padding:1.5rem;margin-top:1rem}.user-info-card h3{margin:0 0 1rem;color:#06c;font-size:1.1rem}.user-details p{margin:.5rem 0;color:#333}.user-details strong{display:inline-block;min-width:130px}.award-form{display:flex;flex-direction:column;gap:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.form-group input{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.submit-btn{background:#28a745;color:#fff;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .3s ease}.submit-btn:hover:not(:disabled){background:#218838}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.help-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.help-section h3{margin:0 0 1rem;color:#333;font-size:1.1rem}.help-section ol{margin:0;padding-left:1.5rem;color:#666}.help-section li{margin-bottom:.5rem;line-height:1.6}.type-badge.award{background:#d4edda;color:#155724}.type-badge.purchase{background:#fff3cd;color:#856404}.type-badge.transfer_in,.type-badge.transfer-in{background:#d1ecf1;color:#0c5460}.type-badge.transfer_out,.type-badge.transfer-out{background:#f8d7da;color:#721c24}.create-user-form{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.popup-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.popup-box{width:90%;max-width:360px;background:#fff;border-radius:10px;padding:20px 24px;box-shadow:0 4px 20px #0003}.popup-box h2{margin-top:0;margin-bottom:8px;font-size:20px}.popup-success{border-top:4px solid #28a745}.popup-error{border-top:4px solid #dc3545}.popup-close-btn{padding:8px 16px;border-radius:6px;border:none;background:#05f;color:#fff;font-weight:600;cursor:pointer;float:right}.dashboard-header{margin-bottom:2rem}.page-title{font-size:2.5rem;color:#333;margin:0 0 .5rem}.welcome-text{color:#666;font-size:1.1rem;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;border-left:4px solid;transition:transform .2s ease}.stat-card:hover{transform:translateY(-4px)}.stat-card.blue{border-color:#4a90e2}.stat-card.green{border-color:#28a745}.stat-card.purple{border-color:#667eea}.stat-card.orange{border-color:#f39c12}.stat-icon{font-size:.9rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.stat-value{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:.5rem}.stat-label{color:#999;font-size:.95rem}.quick-actions-section{margin-top:3rem}.section-title{font-size:1.8rem;color:#333;margin-bottom:1.5rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.action-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:2rem;text-decoration:none;transition:all .3s ease}.action-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.action-card h3{margin:0 0 .75rem;color:#333;font-size:1.3rem}.action-card p{margin:0;color:#666;line-height:1.5}@media(max-width:768px){.page-container{padding:1rem}.page-title{font-size:2rem}.stats-grid,.actions-grid{grid-template-columns:1fr}}.page-container{max-width:1600px;margin:0 auto;padding:2rem}.filters-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:1.5rem}.filter-group input,.filter-group select{padding:.5rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#667eea}.users-table-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:1rem;border-bottom:2px solid #e0e0e0;background:#f8f9fa;color:#666;font-weight:600;font-size:.9rem;white-space:nowrap}.users-table td{padding:1rem;border-bottom:1px solid #f0f0f0}.users-table tr:hover{background:#f9f9f9}.edit-input{padding:.4rem .6rem;border:1px solid #ddd;border-radius:4px;width:100%;max-width:200px}.edit-input.small{max-width:80px}.edit-input:focus{outline:none;border-color:#667eea}.edit-select{padding:.4rem .6rem;border:1px solid #ddd;border-radius:4px}.edit-select:focus{outline:none;border-color:#667eea}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500;text-transform:capitalize}.role-badge.regular{background:#e3f2fd;color:#1976d2}.role-badge.cashier{background:#fff3e0;color:#f57c00}.role-badge.manager{background:#f3e5f5;color:#7b1fa2}.role-badge.superuser{background:#fce4ec;color:#c2185b}.verified{color:#28a745;font-weight:500}.unverified{color:#ffc107;font-weight:500}.action-buttons{display:flex;gap:.5rem}.edit-btn,.save-btn,.cancel-btn,.page-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .3s ease}.edit-btn{background:#667eea;color:#fff}.edit-btn:hover{background:#5568d3}.save-btn{background:#28a745;color:#fff}.save-btn:hover{background:#218838}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268}.page-btn{background:#667eea;color:#fff}.users-cards{display:none}.user-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;margin-bottom:1rem}.user-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.user-card-name{font-weight:600;font-size:1.1rem;color:#333}.user-card-body{display:flex;flex-direction:column;gap:.75rem}.user-card-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.user-card-label{font-weight:500;color:#666;font-size:.85rem}.user-card-value{color:#333;font-size:.9rem}.user-card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}@media(max-width:768px){.filters-section{flex-direction:column}.filter-group{width:100%;justify-content:space-between}.filter-group input,.filter-group select{flex:1}.users-table-wrapper{display:none}.users-cards{display:block}.action-buttons{width:100%;flex-direction:column}.edit-btn,.save-btn,.cancel-btn{width:100%}.pagination{flex-direction:column;gap:.75rem}.page-btn{width:100%}}.event-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.events-list{display:flex;flex-direction:column;gap:1rem}.event-item{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:box-shadow .3s ease}.event-item:hover{box-shadow:0 4px 12px #0000001a}.event-main h3{margin:0 0 .5rem;color:#333;font-size:1.3rem}.event-location{color:#666;margin:.25rem 0}.event-time{color:#666;margin:.25rem 0;font-size:.9rem}.event-stats{display:flex;gap:1.5rem;margin-top:.75rem;font-size:.9rem}.event-stats span{color:#666}.status.published{background:#d4edda;color:#155724}.status.draft{background:#fff3cd;color:#856404}.event-actions{display:flex;gap:.75rem}.publish-btn,.delete-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .3s ease}.publish-btn{background:#28a745;color:#fff}.publish-btn:hover{background:#218838}.delete-btn{background:#dc3545;color:#fff}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-row{grid-template-columns:1fr}.event-item{flex-direction:column;align-items:flex-start;gap:1rem}.event-actions{width:100%}.publish-btn,.delete-btn{flex:1}}.back-btn{background:none;border:none;color:#3498db;font-size:1rem;font-weight:500;cursor:pointer;padding:10px 0;margin-bottom:20px;transition:color .3s}.back-btn:hover{color:#2980b9}.event-detail-card{background:#fff;border-radius:10px;padding:35px;box-shadow:0 2px 8px #0000001a}.event-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;gap:20px;padding-bottom:20px;border-bottom:2px solid #ecf0f1}.event-detail-title{margin:0;color:#2c3e50;font-size:2rem;font-weight:700;flex:1;line-height:1.2}.event-status-badge{padding:8px 16px;border-radius:25px;font-size:.95rem;font-weight:600;white-space:nowrap}.event-status-badge.upcoming{background-color:#d1ecf1;color:#0c5460}.event-status-badge.past{background-color:#fff3cd;color:#856404}.event-status-badge.ongoing{background-color:#d4edda;color:#155724}.success-banner{background-color:#d4edda;color:#155724;padding:15px;border-radius:5px;margin-bottom:20px;border-left:4px solid #28a745}.event-detail-content{display:flex;flex-direction:column;gap:30px}.detail-section h3{color:#2c3e50;font-size:1.3rem;margin-bottom:15px;border-bottom:2px solid #ecf0f1;padding-bottom:10px}.detail-section p{color:#34495e;line-height:1.8;font-size:1.05rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background-color:#f8f9fa;border-radius:8px;transition:background-color .3s}.info-item:hover{background-color:#e9ecef}.info-icon{font-size:1.5rem;min-width:30px}.info-content{display:flex;flex-direction:column;gap:5px}.info-label{font-size:.85rem;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.info-value{font-size:1rem;color:#2c3e50;font-weight:600}.info-value.points{color:#27ae60;font-size:1.1rem}.rsvp-section{padding:25px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;text-align:center}.rsvp-confirmed{display:flex;flex-direction:column;align-items:center;gap:15px}.rsvp-status{color:#fff;font-size:1.2rem;font-weight:600}.rsvp-btn{background-color:#fff;color:#667eea;border:none;padding:15px 40px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 12px #00000026}.rsvp-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0003}.rsvp-btn:disabled{opacity:.7;cursor:not-allowed}.cancel-rsvp-btn{background-color:#fff3;color:#fff;border:2px solid white;padding:12px 30px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}.cancel-rsvp-btn:hover:not(:disabled){background-color:#ffffff4d}.cancel-rsvp-btn:disabled{opacity:.5;cursor:not-allowed}.event-add-guest-section,.event-award-points-section,.event-edit-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2rem;margin-bottom:2rem}@media(max-width:768px){.event-detail-card{padding:20px}.event-detail-header{flex-direction:column;align-items:flex-start}.event-detail-title{font-size:1.5rem}.event-status-badge{align-self:flex-start}.info-grid{grid-template-columns:1fr}.rsvp-btn{width:100%;padding:12px 20px}}.page-container{max-width:1200px;margin:0 auto;padding:2rem}.page-title{font-size:2rem;color:#333;margin:0}.create-btn{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .3s ease}.create-btn:hover{background:#5568d3}.success-banner{background:#d4edda;color:#155724;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.create-form-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2rem;margin-bottom:2rem}.create-form-section h2{margin:0 0 1.5rem;color:#333}.promotion-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit}.form-group textarea{resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group select{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;background-color:#fff;cursor:pointer}.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.submit-btn{padding:1rem;background:#28a745;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .3s ease}.submit-btn:hover{background:#218838}.promotions-list{display:flex;flex-direction:column;gap:1rem}.empty-message{text-align:center;padding:3rem;color:#999;background:#fff;border:1px solid #e0e0e0;border-radius:12px}.promotion-item{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:box-shadow .3s ease}.promotion-item:hover{box-shadow:0 4px 12px #0000001a}.promotion-main{flex:1}.promotion-header-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.promotion-main h3{margin:0;color:#333;font-size:1.3rem}.status{padding:.25rem .75rem;border-radius:12px;font-weight:500;font-size:.85rem}.status.active{background:#d4edda;color:#155724}.status.expired{background:#f8d7da;color:#721c24}.promotion-description{color:#666;margin:.5rem 0;line-height:1.6}.promotion-time{color:#999;margin:.5rem 0 0;font-size:.9rem}.promotion-actions{display:flex;gap:.75rem}.delete-btn{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .3s ease}.delete-btn:hover{background:#c82333}@media(max-width:768px){.page-header,.promotion-item{flex-direction:column;align-items:flex-start;gap:1rem}.promotion-actions{width:100%}.delete-btn{flex:1}}.page-container{max-width:1400px;margin:0 auto;padding:2rem}.page-title{font-size:2rem;color:#333;margin-bottom:2rem}.filters-bar{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:1.5rem}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-weight:500;color:#666;white-space:nowrap}.filter-group select{padding:.5rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;cursor:pointer}.filter-group select:focus{outline:none;border-color:#667eea}.error-banner{background:#f8d7da;color:#721c24;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.loading-container{text-align:center;padding:3rem;color:#666}.results-info{margin-bottom:1rem;color:#666}.results-info p{margin:0}.empty-state{text-align:center;padding:3rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.empty-state p{margin:0;color:#999;font-size:1.1rem}.transactions-table-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow-x:auto}.transactions-table th{text-align:left;padding:1rem;border-bottom:2px solid #e0e0e0;background:#f8f9fa;color:#666;font-weight:600;font-size:.9rem;white-space:nowrap}.transactions-table td{padding:1rem;border-bottom:1px solid #f0f0f0}.transactions-table tr:hover{background:#f9f9f9}.transactions-table tr:last-child td{border-bottom:none}.type-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500;text-transform:capitalize;white-space:nowrap}.type-badge.redemption{background:#d4edda;color:#155724}.type-badge.transfer{background:#fff3cd;color:#856404}.type-badge.adjustment{background:#d1ecf1;color:#0c5460}.type-badge.purchase{background:#f8d7da;color:#721c24}.positive{color:#28a745;font-weight:600}.negative{color:#dc3545;font-weight:600}.note-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;font-size:.9rem}.page-btn{padding:.5rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .3s ease}.page-btn:hover:not(:disabled){background:#5568d3}.page-btn:disabled{background:#ccc;cursor:not-allowed}.page-info{font-weight:500;color:#666}.transaction-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;margin-bottom:1rem}.transaction-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f0f0f0}.transaction-card-id{font-weight:600;color:#666;font-size:.9rem}.transaction-card-points{font-size:1.25rem;font-weight:700}.transaction-card-body{display:flex;flex-direction:column;gap:.5rem}.transaction-card-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.25rem 0}.transaction-card-label{font-weight:500;color:#666;font-size:.85rem;flex-shrink:0;margin-right:1rem}.transaction-card-value{color:#333;font-size:.9rem;text-align:right;word-break:break-word}@media(max-width:768px){.filters-bar{flex-direction:column}.filter-group{width:100%;justify-content:space-between}.filter-group select{flex:1}.transactions-table-wrapper{display:none}.transactions-cards{display:block}.pagination{flex-direction:column;gap:.75rem}.page-btn{width:100%}}.promotions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.promotion-card{background:#fff;border-radius:10px;padding:25px;box-shadow:0 2px 8px #0000001a;transition:transform .3s,box-shadow .3s;border-left:5px solid #ecf0f1}.promotion-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #00000026}.promotion-card.active{border-left-color:#27ae60}.promotion-card.inactive{border-left-color:#95a5a6;opacity:.7}.promotion-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:10px}.promotion-title{margin:0;color:#2c3e50;font-size:1.3rem;font-weight:600;flex:1}.promotion-status{padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:500;white-space:nowrap}.status-active{background-color:#d4edda;color:#155724}.status-expired{background-color:#f8d7da;color:#721c24}.promotion-description{color:#34495e;line-height:1.6;margin-bottom:15px;font-size:.95rem}.promotion-details{display:flex;flex-direction:column;gap:8px;padding:12px;background-color:#f8f9fa;border-radius:6px;margin-bottom:15px}.promotion-type{display:inline-block;padding:3px 10px;background-color:#3498db;color:#fff;border-radius:4px;font-size:.85rem;font-weight:500;align-self:flex-start}.promotion-info{color:#7f8c8d;font-size:.9rem;font-weight:500}.promotion-dates{display:flex;justify-content:space-between;gap:15px;padding-top:15px;border-top:1px solid #ecf0f1}.date-item{display:flex;flex-direction:column;gap:5px}.date-label{font-size:.8rem;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.date-value{font-size:.9rem;color:#2c3e50;font-weight:500}.empty-state{text-align:center;padding:60px 20px;color:#7f8c8d}.empty-state p{margin:10px 0;font-size:1rem}.empty-state p:first-child{font-size:1.2rem;font-weight:500;color:#34495e}@media(max-width:768px){.promotions-grid{grid-template-columns:1fr}.promotion-header{flex-direction:column;align-items:flex-start}.promotion-status{align-self:flex-start}.promotion-dates{flex-direction:column;gap:10px}}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:25px;margin-top:20px;margin-bottom:80px}.event-card-link{text-decoration:none;color:inherit}.event-card{background:#fff;border-radius:10px;padding:25px;box-shadow:0 2px 8px #0000001a;transition:transform .3s,box-shadow .3s;border-left:5px solid #ecf0f1;height:100%;display:flex;flex-direction:column}.event-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.event-card.upcoming{border-left-color:#3498db}.event-card.ongoing{border-left-color:#27ae60}.event-card.past{border-left-color:#95a5a6;opacity:.8}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:15px}.event-title{margin:0;color:#2c3e50;font-size:1.4rem;font-weight:600;flex:1;line-height:1.3}.event-status{padding:5px 12px;border-radius:20px;font-size:.85rem;font-weight:500;white-space:nowrap}.status-upcoming{background-color:#d1ecf1;color:#0c5460}.status-past{background-color:#fff3cd;color:#c9aa45}.status-ongoing{background-color:#d4edda;color:#3d403e}.event-description{color:#34495e;line-height:1.6;margin-bottom:20px;font-size:.95rem;flex-grow:1}.event-details{display:flex;flex-direction:column;gap:12px;padding:15px;background-color:#f8f9fa;border-radius:8px;margin-bottom:15px}.detail-item{display:flex;align-items:center;gap:10px}.detail-icon{font-size:1.1rem;min-width:25px}.detail-text{color:#2c3e50;font-size:.9rem}.points-item{margin-top:5px;padding-top:10px;border-top:1px solid #dee2e6}.points-text{color:#27ae60;font-weight:600}.event-footer{padding-top:15px;border-top:1px solid #ecf0f1;text-align:right}.view-details-link{color:#3498db;font-weight:600;font-size:.95rem;transition:color .3s}.event-card:hover .view-details-link{color:#2980b9}.events-tabs{display:flex;justify-content:flex-end;gap:1rem;margin-bottom:20px}.tab{padding:8px 14px;background:#f2f2f2;border-radius:6px;border:none;cursor:pointer}.tab.active{background:#007bff;color:#fff}@media(max-width:768px){.events-grid{grid-template-columns:1fr}.event-header{flex-direction:column;align-items:flex-start}.event-status{align-self:flex-start}}.filters-bar{display:flex;gap:20px;margin-bottom:25px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label{font-weight:600;color:#2c3e50;font-size:.95rem}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:5px;font-size:.95rem;background-color:#fff;cursor:pointer;transition:border-color .3s}.filter-select:hover{border-color:#3498db}.filter-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.transactions-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto;margin-bottom:20px}.transactions-table{width:100%;border-collapse:collapse}.transactions-table thead{background-color:#f8f9fa}.transactions-table th{padding:15px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #ecf0f1;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.transactions-table tbody tr{border-bottom:1px solid #ecf0f1;transition:background-color .2s}.transactions-table tbody tr:hover{background-color:#f8f9fa}.transactions-table td{padding:15px;color:#34495e;font-size:.95rem}.date-cell{color:#7f8c8d;font-size:.9rem}.type-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:500;text-transform:capitalize}.type-purchase{background-color:#d4edda;color:#155724}.type-redemption{background-color:#fff3cd;color:#856404}.type-transfer{background-color:#d1ecf1;color:#0c5460}.type-adjustment{background-color:#f8d7da;color:#721c24}.type-event{background-color:#e2e3e5;color:#383d41}.amount-positive{color:#27ae60;font-weight:700;font-size:1.05rem}.amount-negative{color:#e74c3c;font-weight:700;font-size:1.05rem}.spent-cell{color:#7f8c8d}.remark-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7f8c8d;font-style:italic}.status-indicators{display:flex;flex-wrap:wrap;gap:5px}.status-badge{display:inline-block;padding:3px 8px;border-radius:10px;font-size:.8rem;font-weight:500}.status-badge.suspicious{background-color:#f8d7da;color:#721c24}.status-badge.normal{background-color:#e2e3e5;color:#383d41}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.pagination-btn{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .3s,transform .2s}.pagination-btn:hover:not(:disabled){background-color:#2980b9;transform:translateY(-1px)}.pagination-btn:disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.6}.pagination-info{color:#2c3e50;font-weight:600;font-size:.95rem}.transactions-cards{display:none}.transaction-card{background-color:#fff;border-radius:8px;padding:15px;margin-bottom:15px;box-shadow:0 2px 4px #0000001a}.transaction-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #ecf0f1}.transaction-card-amount{font-size:1.3rem;font-weight:700}.transaction-card-body{display:flex;flex-direction:column;gap:8px}.transaction-card-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.transaction-card-label{font-weight:600;color:#7f8c8d;font-size:.85rem}.transaction-card-value{color:#2c3e50;font-size:.9rem;text-align:right}@media(max-width:1024px){.transactions-table{font-size:.85rem}.transactions-table th,.transactions-table td{padding:10px}.remark-cell{max-width:150px}}@media(max-width:768px){.filters-bar,.filter-group{flex-direction:column;align-items:stretch}.filter-select{width:100%}.transactions-table-container{display:none}.transactions-cards{display:block}.pagination{flex-direction:column;gap:10px}.pagination-btn{width:100%}}.qr-content{display:grid;grid-template-columns:2fr 1fr;gap:25px;margin-top:20px}.qr-card{background:#fff;border-radius:10px;padding:35px;box-shadow:0 2px 8px #0000001a}.qr-header{text-align:center;margin-bottom:30px}.qr-header h2{color:#2c3e50;margin-bottom:10px;font-size:1.6rem}.qr-header p{color:#7f8c8d;font-size:1rem}.qr-code-container{display:flex;justify-content:center;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;margin-bottom:30px}.qr-code{background:#fff;padding:15px;border-radius:10px;box-shadow:0 4px 12px #0003}.qr-info{display:flex;flex-direction:column;gap:15px;padding:25px;background-color:#f8f9fa;border-radius:8px;margin-bottom:25px}.info-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #dee2e6}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-label{font-weight:600;color:#7f8c8d;font-size:.95rem}.info-value{font-weight:600;color:#2c3e50;font-size:1rem}.info-value.points{color:#27ae60;font-size:1.2rem}.qr-instructions{padding:20px;background-color:#e8f4f8;border-radius:8px;border-left:4px solid #3498db}.qr-instructions h3{color:#2c3e50;margin-bottom:15px;font-size:1.1rem}.qr-instructions ul{margin:0;padding-left:20px}.qr-instructions li{color:#34495e;line-height:1.8;margin-bottom:8px}.qr-tips{background:#fff;border-radius:10px;padding:25px;box-shadow:0 2px 8px #0000001a;height:fit-content}.qr-tips h3{color:#2c3e50;margin-bottom:20px;font-size:1.3rem}.tip-item{display:flex;gap:15px;padding:15px;background-color:#f8f9fa;border-radius:8px;margin-bottom:15px;transition:transform .2s}.tip-item:hover{transform:translate(5px)}.tip-item:last-child{margin-bottom:0}.tip-icon{font-size:1.8rem;min-width:30px}.tip-item p{color:#34495e;line-height:1.6;margin:0;font-size:.95rem}@media(max-width:1024px){.qr-content{grid-template-columns:1fr}.qr-tips{order:2}}@media(max-width:768px){.qr-card,.qr-code-container{padding:20px}.qr-code{width:100%;height:auto}.qr-code-container svg{max-width:100%;height:auto}.qr-header h2{font-size:1.3rem}.qr-tips{padding:20px}}.transfer-content{display:grid;grid-template-columns:2fr 1fr;gap:25px;margin-top:20px}.transfer-card{background:#fff;border-radius:10px;padding:35px;box-shadow:0 2px 8px #0000001a}.current-balance{text-align:center;padding:25px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;margin-bottom:30px;color:#fff}.current-balance h3{margin:0 0 15px;font-size:1.1rem;font-weight:500;opacity:.9}.balance-amount{font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.success-message{text-align:center;padding:60px 20px}.success-icon{width:80px;height:80px;background-color:#27ae60;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 20px;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-message h2{color:#27ae60;margin-bottom:10px}.success-message p{color:#34495e;font-size:1.1rem;margin:10px 0}.redirect-notice{color:#7f8c8d!important;font-size:.9rem!important;font-style:italic;margin-top:20px!important}.transfer-form{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#2c3e50;font-weight:600;font-size:.95rem}.required{color:#e74c3c;margin-left:4px}.form-group input{padding:12px;border:2px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s;width:auto}.form-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.input-hint{font-size:.85rem;color:#7f8c8d;font-style:italic}.form-actions{display:flex;gap:15px;margin-top:10px}.cancel-btn,.submit-btn{flex:1;padding:14px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.cancel-btn{background-color:#95a5a6;color:#fff}.cancel-btn:hover:not(:disabled){background-color:#7f8c8d}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.cancel-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.transfer-info{background:#fff;border-radius:10px;padding:25px;box-shadow:0 2px 8px #0000001a;height:fit-content}.transfer-info h3{color:#2c3e50;margin-bottom:20px;font-size:1.3rem}.info-section{margin-bottom:25px;padding:15px;background-color:#f8f9fa;border-radius:8px}.info-section:last-child{margin-bottom:0}.info-section h4{color:#2c3e50;margin-bottom:12px;font-size:1rem}.info-section ol,.info-section ul{margin:0;padding-left:20px}.info-section li{color:#34495e;line-height:1.8;margin-bottom:8px}.info-section.warning{background-color:#fff3cd;border-left:4px solid #f39c12}.info-section.warning p{color:#856404;margin:0;line-height:1.6}@media(max-width:1024px){.transfer-content{grid-template-columns:1fr}.transfer-info{order:2}}@media(max-width:768px){.transfer-card,.current-balance{padding:20px}.balance-amount{font-size:2rem}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.transfer-info{padding:20px}}.info-card{background-color:#e8f4f8;border-left:4px solid #2196f3;padding:1.25rem;margin-bottom:1.5rem;border-radius:4px}.info-card p{margin:.5rem 0}.info-text{color:#555;font-size:.95rem;line-height:1.5}.redemption-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:600px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.form-group input:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.field-hint{display:block;margin-top:.25rem;font-size:.85rem;color:#777}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background-color:#4caf50;color:#fff}.btn-primary:hover:not(:disabled){background-color:#45a049}.success-banner{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:1rem;border-radius:4px;margin-bottom:1.5rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.btn-create{background-color:#4caf50;color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .2s}.btn-create:hover{background-color:#45a049}.redemptions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.redemption-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.redemption-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.redemption-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.redemption-id{font-weight:600;color:#333}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.processed{background-color:#d4edda;color:#155724}.redemption-body{padding:1.25rem}.redemption-info{margin-bottom:1rem}.info-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.info-row .label{color:#666;font-size:.9rem}.info-row .value{color:#333;font-weight:500}.points-value{color:#4caf50;font-size:1.1rem;font-weight:600}.btn-show-qr{width:100%;padding:.75rem;background-color:#2196f3;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-show-qr:hover{background-color:#0b7dda}.empty-state{text-align:center;padding:3rem 1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.empty-state p{color:#666;margin-bottom:1rem}.btn-primary{display:inline-block;background-color:#4caf50;color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:500;margin-top:1rem;transition:background-color .2s}.btn-primary:hover{background-color:#45a049}.qr-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.qr-modal-content{background:#fff;padding:2rem;border-radius:12px;max-width:500px;width:90%;position:relative;box-shadow:0 10px 40px #0000004d}.qr-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#999;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s}.qr-modal-close:hover{background-color:#f5f5f5;color:#333}.qr-modal-content h2{margin:0 0 .5rem;color:#333;font-size:1.5rem}.qr-instructions{color:#666;margin-bottom:1.5rem;font-size:.95rem}.qr-code-container{display:flex;justify-content:center;padding:1.5rem;background-color:#f8f9fa;border-radius:8px;margin-bottom:1.5rem}.qr-details{background-color:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid #2196F3}.qr-details p{margin:.5rem 0;color:#333}.qr-details strong{color:#555}.pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;padding:1rem}.pagination-btn{padding:.5rem 1rem;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.pagination-btn:hover:not(:disabled){background-color:#45a049}.pagination-btn:disabled{background-color:#ccc;cursor:not-allowed}.pagination-info{color:#666;font-weight:500}.loading-container{text-align:center;padding:3rem 1rem}.error-banner{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:1rem;border-radius:4px;margin-bottom:1.5rem}.profile-container{display:grid;grid-template-columns:2fr 1fr;gap:2rem;max-width:1200px}.profile-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.profile-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e0e0e0}.avatar-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600}.profile-title h2{margin:0 0 .25rem;color:#333;font-size:1.75rem}.profile-subtitle{margin:0;color:#666;font-size:1rem}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.stat-item{display:flex;flex-direction:column;padding:1rem;background-color:#f8f9fa;border-radius:8px}.stat-label{font-size:.875rem;color:#666;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:600;color:#333}.stat-value.verified{color:#28a745}.stat-value.unverified{color:#ffc107}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;margin-bottom:.5rem;color:#333}.form-group input{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .2s;width:auto}.form-group input:focus:not(:disabled){outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.input-disabled{background-color:#f5f5f5!important;color:#999}.field-hint{font-size:.85rem;color:#777;margin-top:.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background-color:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background-color:#5568d3}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary{background-color:#f5f5f5;color:#333}.btn-secondary:hover:not(:disabled){background-color:#e0e0e0}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.account-info-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;height:fit-content}.account-info-card h3{margin:0 0 1.5rem;color:#333;font-size:1.25rem}.info-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.info-row:last-child{border-bottom:none}.info-label{color:#666;font-size:.95rem}.info-value{color:#333;font-weight:500}.info-value.warning{color:#dc3545}.info-value.normal{color:#28a745}.success-banner{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:1rem;border-radius:6px;margin-bottom:1.5rem}.error-banner{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:1rem;border-radius:6px;margin-bottom:1.5rem}.loading-container{text-align:center;padding:3rem}@media(max-width:768px){.profile-container,.profile-stats{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.notifications-page{max-width:800px;margin:2rem auto;padding:1.5rem;background-color:#f7fafc;border-radius:8px}.notifications-title{margin-bottom:1rem}.notifications-actions{display:flex;justify-content:flex-end;margin-bottom:1rem}.notifications-clear-btn{padding:.4rem .8rem;border-radius:4px;border:none;cursor:pointer}.notifications-clear-btn:disabled{opacity:.5;cursor:not-allowed}.notifications-error{margin-bottom:.5rem;color:#c53030}.notifications-empty{color:#4a5568}.notifications-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.notification-item{padding:.75rem 1rem;border-radius:6px;background-color:#fff;box-shadow:0 1px 2px #0000000d}.notification-header{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.25rem}.notification-type{font-weight:600}.notification-message{font-size:.9rem}.notification-read{opacity:.6}.notification-success .notification-type{color:#2f855a}.notification-error .notification-type{color:#c53030}.notification-warning .notification-type{color:#dd6b20}.notification-info .notification-type{color:#3182ce}.notification-mark-read-btn{margin-top:.4rem;font-size:.8rem;padding:.2rem .6rem;border-radius:4px;border:none;cursor:pointer}