body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.toast-container{bottom:20px;display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;z-index:1000}.toast{word-wrap:break-word;align-items:center;animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;max-width:400px;padding:12px 16px;pointer-events:all}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}.toast.removing{animation:slideOut .3s ease-out}.toast-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.toast-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.toast-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.toast-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.toast-message{flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{background:none;border:none;cursor:pointer;flex-shrink:0;font-size:16px;opacity:.7;padding:0;transition:opacity .2s}.toast-close:hover{opacity:1}@media (max-width:640px){.toast-container{bottom:10px;left:10px;right:10px}.toast{max-width:none}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}.login-title{color:#333;font-size:28px;margin-bottom:20px;text-align:center}.login-help-info{align-items:flex-start;background-color:#e7f3ff;border-left:4px solid #667eea;border-radius:5px;display:flex;gap:10px;margin-bottom:25px;padding:12px 15px}.help-icon{flex-shrink:0;font-size:18px;min-width:24px}.help-text{color:#555;font-size:13px;line-height:1.4;margin:0}.form-group label{color:#555}.form-group input{border:1px solid #ddd;border-radius:5px}.form-group input:focus{box-shadow:0 0 5px #667eea1a}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}.login-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7}.error-message{box-sizing:border-box;font-size:16px;padding:8px 12px;width:100%}.forgot-password-link{background:none;border:none;color:#667eea;cursor:pointer;display:inline;font-size:13px;padding:0;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:#764ba2;text-decoration:underline}.password-links-container{align-items:center;display:flex;justify-content:space-between;margin:-10px 0 15px}.reset-header{align-items:center;display:flex;gap:15px;margin-bottom:25px;position:relative}.back-btn{background:none;border:none;color:#667eea;cursor:pointer;flex-shrink:0;font-size:16px;padding:0;transition:color .2s}.back-btn:hover{color:#764ba2}.reset-title{color:#333;flex:1 1;font-size:22px;margin:0;text-align:center}.reset-method-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:5px;color:#555;cursor:pointer;font-size:14px;font-weight:500;padding:12px 15px;transition:border-color .3s;width:100%}.reset-method-dropdown:focus{border-color:#667eea;box-shadow:0 0 5px #667eea1a;outline:none}.reset-method-dropdown:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.reset-method-dropdown option{color:#555;padding:10px}.reset-method-dropdown option:disabled,.reset-method-dropdown option[value=email]{color:#999}.reset-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:15px;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}.reset-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.reset-button:disabled{cursor:not-allowed;opacity:.7}.reset-success-section{padding:20px 0}.reset-message{color:#666;font-size:14px;line-height:1.5;margin-bottom:15px;text-align:center}.expiry-info{background-color:#f9f9f9;border:1px solid #e0e0e0;color:#333;font-size:13px;font-weight:500;padding:12px 15px;text-align:center}.expiry-info,.token-display{border-radius:5px;margin-bottom:20px}.token-code{font-size:12px}.copy-btn{border-radius:5px}.back-to-login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:15px;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}.back-to-login-btn:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;height:60px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.navbar-brand h1{font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.navbar-menu{display:flex;flex:1 1;gap:30px;justify-content:center;list-style:none;margin:0;padding:0}.navbar-menu a{color:#fff;font-weight:500;text-decoration:none;transition:opacity .3s}.navbar-menu a:hover{opacity:.8}.navbar-user{align-items:center;display:flex;gap:15px}.role-dropdown-container{position:relative}.role-dropdown-button{align-items:center;background-color:#fff3;border:1px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:space-between;min-width:160px;padding:8px 16px;transition:all .3s}.role-dropdown-button:hover{background-color:#ffffff4d;border-color:#ffffff80}.role-dropdown-button.disabled{cursor:help;opacity:.7}.role-dropdown-button.disabled:hover{background-color:#fff3;border-color:#ffffff4d}.role-icon{font-size:16px}.role-label{flex:1 1;font-size:14px;font-weight:500;text-align:left;text-transform:capitalize}.dropdown-arrow{font-size:12px;transition:transform .3s}.role-dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 12px #00000026;left:0;margin-top:5px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.role-dropdown-item{background:none;border:none;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;text-align:left;text-transform:capitalize;transition:background-color .2s;width:100%}.role-dropdown-item:hover{background-color:#f5f5f5}.role-dropdown-item.active{background-color:#667eea;color:#fff}.profile-button{align-items:center;background-color:#fff3;border:1px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s}.profile-button:hover{background-color:#ffffff4d;border-color:#ffffff80}.profile-icon{font-size:16px}.user-info{font-size:14px;font-weight:500}.logout-button{align-items:center;background-color:#fff3;border:1px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s}.logout-button:hover{background-color:#ffffff4d;border-color:#ffffff80}.logout-icon{font-size:16px}.logout-label{font-size:14px;font-weight:500}@media (max-width:768px){.navbar-container{flex-wrap:wrap}.navbar-brand h1{flex:1 1;font-size:20px}.navbar-menu{gap:15px;justify-content:flex-start}.navbar-user{gap:10px}.logout-button,.profile-button,.role-dropdown-button{font-size:12px;padding:6px 12px}.role-dropdown-button{min-width:120px}.role-label{font-size:12px}.logout-label,.user-info{display:none}}.sidebar{background:#fff;border-right:1px solid #e0e0e0;box-shadow:2px 0 5px #0000000d;overflow-y:auto;width:250px}.sidebar-header{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:2px solid #667eea;padding:20px}.sidebar-header h3{color:#667eea;font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0}.sidebar-nav{padding:15px 0}.nav-list{list-style:none;margin:0;padding:0}.nav-category,.nav-item{align-items:center;background:none;border:none;color:#555;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:15px;padding:12px 20px;text-align:left;transition:all .3s ease;width:100%}.nav-category:hover,.nav-item:hover{background-color:#f5f5f5;color:#667eea}.nav-category:active,.nav-item:active{background-color:#efefef}.nav-item.active{background-color:#e8eaf6;border-left:4px solid #667eea;color:#667eea;font-weight:600;padding-left:16px}.nav-icon{align-items:center;display:flex;font-size:20px;justify-content:center;min-width:20px}.nav-label{flex:1 1}.category-arrow{flex-shrink:0;font-size:12px;transition:transform .3s ease}.category-arrow.expanded{transform:rotate(180deg)}.nav-sublist{background-color:#fafafa;border-left:3px solid #667eea;list-style:none;margin:0;padding:0}.nav-subitem{background:none;border:none;color:#666;cursor:pointer;display:block;font-size:14px;font-weight:400;padding:10px 20px 10px 50px;text-align:left;transition:all .3s ease;width:100%}.nav-subitem:hover{background-color:#f0f0f0;color:#667eea;padding-left:55px}.nav-subitem:active{background-color:#e8e8e8}.nav-subitem.active{background-color:#e8eaf6;color:#667eea;font-weight:600;padding-left:55px}@media (max-width:768px){.sidebar{width:200px}.nav-category,.nav-item{font-size:14px;padding:10px 15px}.nav-subitem{font-size:13px;padding:8px 15px 8px 45px}.sidebar-header{padding:15px}.sidebar-header h3{font-size:16px}}@media (max-width:640px){.sidebar{width:150px}.nav-label{font-size:13px}.nav-category,.nav-item{gap:10px;padding:10px 12px}.nav-subitem{font-size:12px;padding:8px 10px 8px 40px}}.dashboard-wrapper{display:flex;min-height:calc(100vh - 60px)}.dashboard-container{background-color:#f5f5f5;flex:1 1;padding:30px 20px}.dashboard-content{margin:0 auto;max-width:1200px}.dashboard-content h1{color:#333;font-size:32px;margin-bottom:30px}.points-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 8px 30px #667eea4d;color:#fff;margin-bottom:40px;padding:50px 40px;text-align:center}.points-header{margin-bottom:20px}.points-header h2{font-size:20px;font-weight:600;margin:0;opacity:.9}.points-value{align-items:center;display:flex;flex-direction:column;gap:10px}.points-number{font-size:72px;font-weight:800;letter-spacing:-2px}.points-label{font-size:16px;font-weight:500;opacity:.9}.points-description{font-size:14px;font-style:italic;margin:20px 0 0;opacity:.8}.cashier-actions-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:40px;padding:40px}.cashier-actions{margin:0}.cashier-heading{color:#333;font-size:32px;margin-bottom:30px;text-align:center}.manager-actions-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:40px;padding:40px}.manager-actions{margin:0}.manager-heading{color:#333;font-size:32px;margin-bottom:30px;text-align:center}.action-buttons{flex-direction:column;gap:30px;margin:0 auto;max-width:800px}.action-button{align-items:center;background:#fff;border:none;border-radius:15px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:20px;padding:50px 40px;text-align:center;transition:all .3s ease;width:100%}.action-button:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.action-button.create-transaction{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-button.create-transaction:hover{background:linear-gradient(135deg,#5568d3,#63408a)}.action-button.process-redemption{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.action-button.process-redemption:hover{background:linear-gradient(135deg,#d97ce0,#d94458)}.action-button.browse-events{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.action-button.browse-events:hover{background:linear-gradient(135deg,#3a8cd9,#00d4e0)}.action-button.view-transactions{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.action-button.view-transactions:hover{background:linear-gradient(135deg,#32c95f,#2ad9b8)}.action-button.manage-users{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.action-button.manage-users:hover{background:linear-gradient(135deg,#e05580,#e4c12a)}.button-icon{font-size:56px;line-height:1}.button-text{font-size:28px;font-weight:700;margin:0}.button-description{font-size:16px;font-weight:400;opacity:.9}.recent-transactions-section{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-top:30px;padding:30px}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.section-header h2{color:#333;font-size:24px;margin:0}.view-all-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.view-all-button:hover{background:linear-gradient(135deg,#5568d3,#63408a);box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.transactions-table-wrapper{overflow-x:auto}.transactions-table th{border-bottom:2px solid #dee2e6;color:#fff;padding:12px 15px}.transactions-table td{border-bottom:1px solid #e9ecef;color:#333;padding:12px 15px}.transactions-table tbody tr:hover{background-color:#f8f9fa}.transaction-type-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.transaction-type-badge.purchase{background:#d4edda;color:#155724}.transaction-type-badge.redemption{background:#fff3cd;color:#856404}.transaction-type-badge.adjustment{background:#d1ecf1;color:#0c5460}.transaction-type-badge.transfer{background:#e2d9f3;color:#4a148c}.transaction-type-badge.event{background:#f8d7da;color:#721c24}.transactions-table td.positive-amount{color:#28a745!important;font-weight:600}.transactions-table td.negative-amount{color:#dc3545!important;font-weight:600}.transactions-table td.pending-amount{color:#999!important;font-weight:600}.transaction-count-indicator{border-top:1px solid #e9ecef;color:#6c757d;font-size:13px;font-style:italic;padding:12px 20px;text-align:center}.no-transactions-message{color:#6c757d;font-style:italic;padding:40px 20px;text-align:center}.error-message,.loading-message{font-size:13px;padding:8px 12px}.error-message{border-radius:5px;color:#721c24;margin:0 0 15px}@media (max-width:768px){.dashboard-container{padding:20px 10px}.dashboard-content h1{font-size:24px}.points-card{padding:30px 20px}.points-number{font-size:56px}.action-button{padding:40px 30px}.button-icon{font-size:48px}.button-text{font-size:24px}.button-description{font-size:14px}.recent-transactions-section{padding:20px 15px}.section-header{align-items:flex-start;flex-direction:column}.section-header h2{font-size:20px}.transactions-table{font-size:12px}.transactions-table td,.transactions-table th{padding:8px 10px}.remark-cell{max-width:120px}}.profile-wrapper{display:flex;min-height:calc(100vh - 60px)}.profile-container{background-color:#f5f5f5;flex:1 1;padding:30px 20px}.profile-content{margin:0 auto;max-width:1200px}.profile-content h1{color:#333;font-size:32px;margin-bottom:30px}.role-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 8px 30px #667eea4d;color:#fff;margin-bottom:40px;padding:50px 40px;text-align:center}.role-header{margin-bottom:20px}.role-header h2{font-size:20px;font-weight:600;margin:0;opacity:.9}.role-value{align-items:center;display:flex;flex-direction:column;gap:10px}.role-display{font-size:56px;font-weight:800;letter-spacing:-1px;text-transform:capitalize}.role-description{font-size:14px;font-style:italic;margin:20px 0 0;opacity:.8}.profile-info-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:40px}.profile-info-card h2{border-bottom:2px solid #667eea;color:#667eea;font-size:24px;margin:0 0 25px;padding-bottom:15px}.profile-details{display:flex;flex-direction:column;gap:20px}.avatar-section{grid-gap:30px;align-items:start;border-bottom:1px solid #eee;display:grid;gap:30px;grid-template-columns:120px 1fr;padding-bottom:20px}.profile-content .avatar-display{align-items:center;background-color:#f5f5f5;border:3px solid #667eea;border-radius:50%;box-shadow:0 2px 8px #667eea33;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.profile-content .avatar-image{height:100%;object-fit:cover;width:100%}.profile-content .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:700;height:100%;justify-content:center;width:100%}.field-wrapper{display:flex;flex-direction:column;gap:10px}.field-wrapper label{color:#777;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.field-hint{color:#999;font-size:11px;font-weight:400;letter-spacing:0;margin:2px 0 0;text-transform:none}.field-display{align-items:center;background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;display:flex;gap:10px;justify-content:space-between;padding:12px 15px}.field-display p{color:#333;flex:1 1;font-size:14px;margin:0;word-break:break-all}.edit-btn{background-color:initial;border:none;cursor:pointer;flex-shrink:0;font-size:16px;padding:5px 10px;transition:all .2s}.edit-btn:hover{transform:scale(1.1)}.edit-field{align-items:center;display:flex;gap:8px}.edit-field input{border:2px solid #667eea;border-radius:5px;flex:1 1;font-size:14px;padding:10px 12px}.edit-field input:focus{box-shadow:0 0 5px #667eea33;outline:none}.edit-field .cancel-btn,.edit-field .save-btn{border:none;border-radius:5px;cursor:pointer;flex-basis:auto;flex-grow:0;flex-shrink:0;font-size:14px;font-weight:600;min-width:44px;padding:10px 12px;transition:all .2s;width:auto}.edit-field .save-btn{background-color:#28a745!important;background:#28a745!important;border:1px solid #28a745!important;color:#fff!important;font-weight:700!important}.edit-field .save-btn:hover{background-color:#218838!important;background:#218838!important}.edit-field .cancel-btn{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.edit-field .cancel-btn:hover{background-color:#f5c6cb}.readonly-section{grid-gap:20px;border-top:1px solid #eee;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-top:20px}.readonly-field{display:flex;flex-direction:column;gap:8px}.readonly-field label{color:#777;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.readonly-field p{color:#333;font-size:14px;margin:0}.verified-badge{background-color:#d4edda;border-radius:5px;color:#155724;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.password-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-top:40px;padding:40px}.password-card h2{border-bottom:2px solid #667eea;color:#667eea;font-size:24px;margin:0 0 25px;padding-bottom:15px}.change-password-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 30px;transition:all .3s ease}.change-password-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.change-password-btn:active{transform:translateY(0)}.points-sharing-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-left:20px;margin-top:0;padding:12px 30px;transition:all .3s ease}.points-sharing-btn:hover{box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.points-sharing-btn:active{transform:translateY(0)}.points-sharing-description{color:#666;font-size:14px;font-style:italic;margin:10px 0 0}.password-form{gap:20px}.password-field,.password-form{display:flex;flex-direction:column}.password-field{gap:8px}.password-field label{color:#777;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.password-field input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 15px;transition:all .3s ease}.password-field input:focus{border-color:#667eea;box-shadow:0 0 8px #667eea33;outline:none}.password-field input.password-invalid{background-color:#fff5f5;border-color:#dc3545}.password-field input.password-invalid:focus{box-shadow:0 0 8px #dc354533}.password-requirements{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:12px 15px}.requirement{align-items:center;display:flex;font-size:13px;gap:8px;transition:all .2s ease}.requirement.met{color:#28a745}.requirement.unmet{color:#999}.requirement-icon{align-items:center;display:flex;font-size:12px;font-weight:700;height:16px;justify-content:center;width:16px}.password-match{align-items:center;border-radius:6px;display:flex;font-size:13px;font-weight:500;gap:6px;margin-top:8px;padding:8px 12px;transition:all .2s ease}.password-match.match{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.password-match.mismatch{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.match-icon{align-items:center;display:flex;font-weight:700;justify-content:center}.password-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.password-cancel-btn,.password-save-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-width:150px;padding:12px 20px;transition:all .2s}.password-save-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.password-save-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.password-save-btn:active:not(:disabled){transform:translateY(0)}.password-save-btn:disabled{background:linear-gradient(135deg,#ccc,#aaa);box-shadow:none;color:#666;cursor:not-allowed;opacity:.6}.password-cancel-btn{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.password-cancel-btn:hover{background:#f5c6cb}@media (max-width:768px){.profile-container{padding:20px 10px}.profile-info-card{padding:20px}.profile-content h1{font-size:24px}.role-card{padding:30px 20px}.role-display{font-size:40px}.avatar-section{gap:15px;grid-template-columns:1fr}.avatar-display{height:150px;width:100%}.field-display{align-items:flex-start;flex-direction:column}.edit-field{flex-direction:column;width:100%}.cancel-btn,.edit-field input,.save-btn{width:100%}.readonly-section{grid-template-columns:1fr}}.register-wrapper{display:flex;min-height:calc(100vh - 60px)}.register-container{background-color:#f5f5f5;flex:1 1;padding:30px 20px}.register-content{margin:0 auto;max-width:800px}.register-content h1{color:#333;font-size:32px;margin-bottom:30px}.form-section{margin-bottom:40px}.form-card{padding:40px}.form-group{margin-bottom:20px}.form-group label{color:#777;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.form-group input{border-radius:8px;font-size:14px;transition:all .3s ease}.form-group input:focus{box-shadow:0 0 8px #667eea33}.form-group input:disabled{opacity:.7}.form-group input.input-invalid{background-color:#fff5f5;border-color:#dc3545}.form-group input.input-invalid:focus{box-shadow:0 0 8px #dc354533}.validation-feedback{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:12px}.validation-item{align-items:center;display:flex;font-size:13px;gap:8px;transition:all .2s ease}.validation-item.valid{color:#28a745}.validation-item.invalid{color:#999}.validation-icon{align-items:center;display:flex;font-size:12px;font-weight:700;height:16px;justify-content:center;width:16px}.email-hint{color:#999;font-size:11px;font-style:italic;font-weight:400;letter-spacing:0;margin:2px 0 0;text-transform:none}.form-actions{gap:12px;margin-top:30px}.register-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 30px;transition:all .3s ease}.register-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.register-btn:active:not(:disabled){transform:translateY(0)}.register-btn:disabled{background:linear-gradient(135deg,#ccc,#aaa);box-shadow:none;color:#666;cursor:not-allowed;opacity:.6}.success-section{margin-bottom:40px}.success-card{border-top:4px solid #28a745;padding:40px}.success-card h2{color:#28a745;font-size:24px;margin:0 0 25px}.user-details{border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:15px;margin-bottom:30px;padding-bottom:30px}.detail-row{gap:15px}.detail-row label{color:#777;font-size:12px;font-weight:600;letter-spacing:.5px;min-width:100px;text-transform:uppercase}.detail-row p{color:#333;flex:1 1;font-size:14px;margin:0;word-break:break-all}.reset-token-section{background-color:#f0f7ff;border-left:4px solid #667eea;border-radius:8px;margin:30px 0;padding:20px}.reset-token-section h3{color:#667eea;font-size:16px;margin:0 0 10px}.reset-token-description{color:#666;font-size:13px;line-height:1.5;margin:0 0 15px}.token-display{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:10px;margin-bottom:15px;padding:12px 15px}.token-code{background-color:#f9f9f9;border-radius:4px;color:#333;flex:1 1;font-family:Courier New,monospace;font-size:13px;line-height:1.4;padding:8px 12px;word-break:break-all}.copy-btn{background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;min-width:100px;padding:8px 16px;text-align:center;transition:all .3s ease;white-space:nowrap}.copy-btn:hover{background-color:#764ba2;transform:translateY(-1px)}.copy-btn:active{transform:translateY(0)}.token-expiry{align-items:center;color:#666;display:flex;font-size:12px;gap:10px}.token-expiry label{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.token-expiry p{color:#333;margin:0}.register-another-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:20px;padding:12px 30px;transition:all .3s ease;width:100%}.register-another-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.register-another-btn:active{transform:translateY(0)}@media (max-width:768px){.register-container{padding:20px 10px}.register-content h1{font-size:24px}.form-card,.success-card{padding:20px}.token-display{align-items:flex-start;flex-direction:column}.copy-btn{width:100%}.detail-row{align-items:flex-start;flex-direction:column;gap:5px}}.view-users-wrapper{display:flex;min-height:calc(100vh - 60px)}.view-users-container{background-color:#f5f5f5;flex:1 1;padding:30px 20px}.view-users-content{margin:0 auto;max-width:1400px}.view-users-content h1{color:#333;font-size:32px;margin-bottom:30px}.filters-card h2{border-bottom:2px solid #667eea;padding-bottom:12px}.filters-grid{margin-bottom:20px}.filter-group label{color:#777;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.filter-group input,.filter-group select{background-color:#fff}.filter-group input:focus,.filter-group select:focus{box-shadow:0 0 5px #667eea1a}.reset-filters-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:6px;color:#555;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.reset-filters-btn:hover{background-color:#e0e0e0;border-color:#999}.users-table-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:25px}.table-header{border-bottom:2px solid #667eea;padding-bottom:15px}.limit-selector{align-items:center;display:flex;gap:10px}.limit-selector label{color:#777;font-size:14px;font-weight:600}.limit-selector select{background-color:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.table-empty,.table-loading{color:#999;font-size:16px;padding:40px;text-align:center}.users-table{border-collapse:collapse;width:100%}.users-table thead{background-color:#f9f9f9;border-bottom:2px solid #e0e0e0}.users-table th{padding:15px;text-align:left}.sort-header,.users-table th{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sort-header{background:none;border:none;cursor:pointer;padding:0;transition:color .2s}.sort-header:hover{color:#667eea}.users-table td{border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;padding:15px}.users-table tbody tr:hover{background-color:#f8f9fa}.users-table tbody tr.suspicious-user{background-color:#fff9e5}.users-table tbody tr.suspicious-user:hover{background-color:#ffefbe}.avatar-cell{align-items:center;display:flex;justify-content:center}.users-table .user-avatar{border:2px solid #e0e0e0;border-radius:50%;height:40px;object-fit:cover;width:40px}.users-table .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #667eea;border-radius:50%;box-shadow:0 2px 8px #667eea33;color:#fff;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.role-badge{border-radius:20px;padding:6px 12px}.role-cashier{background-color:#f3e5f5;color:#7b1fa2}.role-manager{background-color:#fce4ec;color:#c2185b}.role-superuser{background-color:#fff3e0;color:#e65100}.status-badge.verified{background-color:#d4edda;color:#155724}.status-badge.unverified{background-color:#f8d7da;color:#721c24}.status-badge.activated{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#383d41}.manage-btn{background-color:#667eea;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s}.manage-btn:hover{background-color:#764ba2}.manage-disabled{color:#ccc;font-size:12px;font-weight:600}.pagination{border-top:1px solid #e0e0e0}.pagination-btn{background-color:#667eea}.pagination-btn:hover:not(:disabled){background-color:#764ba2}.pagination-btn:disabled{background-color:#ccc;color:#666}.pagination-info{font-weight:600;min-width:120px;text-align:center}@media (max-width:768px){.view-users-container{padding:20px 10px}.view-users-content h1{font-size:24px}.filters-grid{grid-template-columns:1fr}.table-header{align-items:flex-start;flex-direction:column;gap:15px}.users-table{font-size:12px}.users-table td,.users-table th{padding:10px}.avatar-placeholder,.user-avatar{height:35px;width:35px}.pagination{flex-wrap:wrap}}.manager-user-wrapper{display:flex;min-height:calc(100vh - 60px)}.manager-user-container{background-color:#f5f5f5;flex:1 1;padding:30px 20px}.manager-user-content{margin:0 auto;max-width:1000px}.manager-user-content h1{color:#333;font-size:32px;margin-bottom:30px}.lookup-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.lookup-card h2{border-bottom:2px solid #667eea;color:#667eea;font-size:20px;margin:0 0 20px;padding-bottom:12px}.lookup-form{display:flex;gap:10px}.lookup-form input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;padding:12px 15px;transition:border-color .3s}.lookup-form input:focus{border-color:#667eea;box-shadow:0 0 5px #667eea1a;outline:none}.lookup-form button{background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:all .3s;white-space:nowrap}.lookup-form button:hover:not(:disabled){background-color:#764ba2;transform:translateY(-2px)}.lookup-form button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.user-info-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.info-header{align-items:flex-start;border-bottom:2px solid #667eea;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.info-header h2{color:#667eea;font-size:20px;margin:0}.suspicious-warning{align-items:center;background-color:#fff3cd;border:2px solid #ffc107;border-radius:8px;color:#856404;display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:20px;padding:12px 16px}.key-info-section{align-items:center}.avatar-in-banner{display:flex;justify-content:center}.banner-avatar{object-fit:cover}.banner-avatar,.banner-avatar-placeholder{border:3px solid #667eea;border-radius:50%;box-shadow:0 2px 8px #667eea33;height:80px;width:80px}.banner-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:32px;font-weight:700;justify-content:center}.avatar-display{align-items:center;display:flex;flex-direction:column;gap:8px}.profile-avatar{object-fit:cover}.profile-avatar,.profile-avatar-placeholder{border:3px solid #667eea;border-radius:50%;box-shadow:0 2px 8px #667eea33;height:80px;width:80px}.profile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:32px;font-weight:700;justify-content:center}.key-info-section{grid-gap:20px;align-items:start;background:linear-gradient(135deg,#f5f7ff,#f0f2ff);border-left:5px solid #667eea;border-radius:10px;display:grid;gap:20px;grid-template-columns:80px repeat(auto-fit,minmax(180px,1fr));margin-bottom:40px;padding:20px}.key-info-item{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.key-info-label{color:#777;font-size:12px;font-weight:700;height:12px;letter-spacing:1px;line-height:1;text-transform:uppercase}.key-info-value{align-items:flex-end;color:#333;display:flex;font-size:16px;font-weight:600;height:24px;justify-content:flex-start;line-height:1.5;padding:0;width:100%}.key-info-value.name{color:#667eea;font-size:20px;font-weight:700;height:30px}.key-info-value.points{color:#28a745;font-size:24px;font-weight:700;height:36px}.key-info-section .role-badge{border-radius:20px;text-transform:capitalize}.key-info-section .role-badge,.key-info-section .status-badge{align-items:center;box-sizing:border-box;display:flex;font-size:14px;font-weight:600;height:28px;justify-content:center;margin-top:4px;padding:6px 14px;width:-webkit-fit-content;width:fit-content}.key-info-section .status-badge{border-radius:6px}.detailed-info-section{margin-bottom:30px}.detailed-info-section h3{color:#667eea;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.info-group{display:flex;flex-direction:column;gap:8px}.info-group label{color:#777;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-group p{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;color:#333;font-size:14px;margin:0;padding:10px 12px}.user-edit-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.user-edit-card h2{border-bottom:2px solid #667eea;color:#667eea;font-size:20px;margin:0 0 20px;padding-bottom:12px}.edit-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.edit-group{display:flex;flex-direction:column;gap:8px}.edit-group label{color:#777;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.edit-group input[type=email],.edit-group input[type=text],.edit-group select{background-color:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s}.edit-group input[type=email]:focus,.edit-group input[type=text]:focus,.edit-group select:focus{border-color:#667eea;box-shadow:0 0 5px #667eea1a;outline:none}.edit-group.checkbox{align-items:flex-end;flex-direction:row;gap:15px;justify-content:flex-start;padding-bottom:10px}.edit-group.checkbox label{align-items:center;display:flex;font-size:14px;font-weight:500;gap:10px;letter-spacing:normal;margin:0;padding-bottom:3px;text-transform:none}.edit-group.checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;margin:0;width:18px}.edit-group.checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.edit-group.checkbox label.disabled{color:#999;opacity:.6}.reset-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 30px;transition:all .3s}.save-btn{background-color:#28a745}.save-btn:hover:not(:disabled){background-color:#218838}.save-btn:disabled{background-color:#ccc;color:#666}.reset-btn:hover:not(:disabled){background-color:#5a6268;transform:translateY(-2px)}.reset-btn:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}@media (max-width:768px){.manager-user-container{padding:20px 10px}.manager-user-content h1{font-size:24px}.lookup-form{flex-direction:column}.lookup-form button{width:100%}.info-header{align-items:center;flex-direction:column;gap:15px}.info-header h2{text-align:center}.key-info-section{grid-template-columns:80px 1fr}.avatar-in-banner{grid-column:1/-1;margin-bottom:10px}.edit-grid,.info-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}.create-transaction-wrapper{display:flex;min-height:calc(100vh - 60px)}.create-transaction-container{background-color:#f5f5f5;flex:1 1;padding:30px 20px}.create-transaction-content{margin:0 auto;max-width:800px}.create-transaction-content h1{color:#333;font-size:32px;margin-bottom:30px}.type-selection-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.type-selection-card h2{color:#667eea;font-size:20px;margin:0 0 20px}.type-options{display:flex;flex-direction:column;gap:15px}.type-option{align-items:flex-start;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:15px;transition:all .3s}.type-option:hover:not(.disabled){background-color:#f8f9ff;border-color:#667eea}.type-option.disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.type-option input[type=radio]{flex-shrink:0;margin:2px 0 0}.type-option input[type=radio]:disabled{cursor:not-allowed}.type-option input[type=radio]:checked+.type-label{color:#667eea;font-weight:600}.type-label{color:#333;font-size:16px;font-weight:500;margin-bottom:2px}.type-description{color:#666;flex-shrink:0;font-size:14px;margin-left:auto;text-align:right}.transaction-form-card,.transaction-success-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:25px}.transaction-form-card h2,.transaction-success-card h2{color:#667eea;font-size:20px;margin:0 0 20px}.transaction-success-card{background:linear-gradient(135deg,#f8fff9,#f0fff4);border-left:4px solid #28a745}.transaction-success-card h2{align-items:center;color:#28a745;display:flex;font-size:18px;gap:8px}.transaction-form{display:flex;flex-direction:column;gap:20px}.form-group input[type=number],.form-group input[type=text],.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;transition:border-color .3s}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-actions{justify-content:center}.submit-btn{min-width:200px;padding:15px 30px}.submit-btn:hover:not(:disabled){box-shadow:0 4px 15px #667eea4d}.submit-btn:disabled{box-shadow:none}.transaction-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.detail-row{align-items:center;padding:8px 0}.detail-label{color:#495057}.detail-value.highlight{color:#28a745;font-size:16px;font-weight:700}.coming-soon{color:#666;padding:40px 20px;text-align:center}.coming-soon p{font-size:16px;margin:0}@media (max-width:768px){.create-transaction-container{padding:20px 15px}.create-transaction-content h1{font-size:28px}.transaction-form-card,.type-selection-card{padding:20px}.type-option{flex-direction:column;gap:8px}.type-description{font-size:13px;margin-left:0;text-align:left}.submit-btn{font-size:14px;padding:12px 24px}}.view-transactions-wrapper{display:flex;min-height:calc(100vh - 60px)}.view-transactions-container{background-color:#f5f5f5;flex:1 1;padding:30px 20px}.view-transactions-content{margin:0 auto;max-width:1400px}.view-transactions-content h1{color:#333;font-size:32px;margin-bottom:30px}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group label{font-weight:600}.filter-group input,.filter-group select{border:2px solid #e0e0e0;padding:10px 12px}.amount-filter-wrapper{align-items:stretch;display:flex;gap:8px}.amount-filter-wrapper input{flex:1 1}.operator-toggle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;justify-content:center;min-width:50px;padding:10px 16px;transition:all .3s}.operator-toggle:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.operator-toggle:active{transform:scale(.95)}.clear-btn{background:#6c757d;padding:10px 20px;transition:all .3s}.clear-btn:hover{background:#5a6268}.transactions-table-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:25px}.table-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.table-header h2{color:#667eea}.pagination-controls{align-items:center;display:flex;gap:10px}.pagination-controls label{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.pagination-controls select{border:2px solid #e0e0e0;border-radius:4px;font-size:14px;padding:6px 10px}.no-results{color:#999;padding:40px}.table-wrapper{margin-bottom:20px}.transactions-table{border-collapse:collapse;font-size:14px;width:100%}.transactions-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.transactions-table th{font-weight:600;padding:12px;text-align:left;white-space:nowrap}.transactions-table th.sortable{cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.transactions-table th.sortable:hover{background-color:#ffffff1a}.transactions-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s}.transactions-table tbody tr:hover{background-color:#f8f9ff}.transactions-table tbody tr.suspicious-row{background-color:#fff3e0}.transactions-table tbody tr.suspicious-row:hover{background-color:#ffe0b2}.transactions-table td{padding:12px}.view-transactions-content .type-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.view-transactions-content .type-purchase{background:#d4edda;color:#155724}.view-transactions-content .type-redemption{background:#fff3cd;color:#856404}.view-transactions-content .type-adjustment{background:#d1ecf1;color:#0c5460}.view-transactions-content .type-transfer{background:#e2d9f3;color:#4a148c}.view-transactions-content .type-event{background:#f8d7da;color:#721c24}.status-badge.normal{background:#d4edda;color:#155724}.status-badge.suspicious{background:#f8d7da;color:#721c24}.status-badge.complete{background:#d4edda;color:#155724}.transactions-table td.positive{color:#28a745;font-weight:600}.transactions-table td.negative{color:#dc3545;font-weight:600}.transactions-table td.pending-redemption{color:#999;font-weight:600}.remark-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .3s;white-space:nowrap}.view-btn:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.loading-more{font-weight:500}.pagination{border-top:1px solid #eee;gap:20px;padding-top:20px}.pagination-btn{border-radius:6px;font-weight:500;padding:8px 16px;transition:all .3s}.pagination-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d}.pagination-btn:disabled{opacity:.5;transform:none}@media (max-width:768px){.view-transactions-container{padding:20px 15px}.view-transactions-content h1{font-size:28px}.filters-grid{grid-template-columns:1fr}.filters-card,.transactions-table-card{padding:20px}.table-header{align-items:flex-start;flex-direction:column}.transactions-table{font-size:12px}.transactions-table td,.transactions-table th{padding:8px}.pagination{flex-wrap:wrap}}.my-transactions-wrapper{display:flex;min-height:calc(100vh - 60px)}.my-transactions-container{background-color:#f5f5f5;flex:1 1;padding:30px 20px}.my-transactions-content{margin:0 auto;max-width:1400px}.my-transactions-content h1{color:#333;font-size:32px;margin-bottom:30px}.my-transactions-content .filters-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.my-transactions-content .filters-card h2{color:#667eea;font-size:20px;margin:0 0 20px}.my-transactions-content .filters-grid{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.my-transactions-content .filter-group{display:flex;flex-direction:column;gap:8px}.my-transactions-content .filter-group label{color:#333;font-size:14px;font-weight:600}.my-transactions-content .filter-group input,.my-transactions-content .filter-group select{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s}.my-transactions-content .filter-group input:focus,.my-transactions-content .filter-group select:focus{border-color:#667eea;outline:none}.my-transactions-content .amount-filter-wrapper{align-items:stretch;display:flex;gap:8px}.my-transactions-content .amount-filter-wrapper input{flex:1 1}.my-transactions-content .operator-toggle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;justify-content:center;min-width:50px;padding:10px 16px;transition:all .3s}.my-transactions-content .operator-toggle:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.my-transactions-content .operator-toggle:active{transform:scale(.95)}.my-transactions-content .filter-actions{align-items:flex-end;display:flex}.my-transactions-content .clear-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s}.my-transactions-content .clear-btn:hover{background:#5a6268}.my-transactions-content .transactions-table-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:25px}.my-transactions-content .table-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.my-transactions-content .table-header h2{color:#667eea;font-size:20px;margin:0}.my-transactions-content .no-results{color:#999;font-size:16px;padding:40px;text-align:center}.my-transactions-content .table-wrapper{margin-bottom:20px;overflow-x:auto}.my-transactions-content .transactions-table{border-collapse:collapse;font-size:14px;width:100%}.my-transactions-content .transactions-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.my-transactions-content .transactions-table th{font-weight:600;padding:12px;text-align:left;white-space:nowrap}.my-transactions-content .transactions-table th.sortable{cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.my-transactions-content .transactions-table th.sortable:hover{background-color:#ffffff1a}.my-transactions-content .transactions-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s}.my-transactions-content .transactions-table tbody tr:hover{background-color:#f8f9ff}.my-transactions-content .transactions-table td{padding:12px}.my-transactions-content .type-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.my-transactions-content .type-purchase{background:#d4edda;color:#155724}.my-transactions-content .type-redemption{background:#fff3cd;color:#856404}.my-transactions-content .type-adjustment{background:#d1ecf1;color:#0c5460}.my-transactions-content .type-transfer{background:#e2d9f3;color:#4a148c}.my-transactions-content .type-event{background:#f8d7da;color:#721c24}.my-transactions-content .status-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.my-transactions-content .status-badge.normal{background:#d4edda;color:#155724}.my-transactions-content .status-badge.suspicious{background:#f8d7da;color:#721c24}.my-transactions-content .status-badge.pending{background:#fff3cd;color:#856404}.my-transactions-content .status-badge.complete{background:#d4edda;color:#155724}.my-transactions-content .transactions-table td.positive{color:#28a745;font-weight:600}.my-transactions-content .transactions-table td.negative{color:#dc3545;font-weight:600}.my-transactions-content .transactions-table td.pending-redemption{color:#999;font-weight:600}.my-transactions-content .remark-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-transactions-content .loading-more{color:#667eea;font-size:14px;font-weight:500;padding:20px;text-align:center}@media (max-width:768px){.my-transactions-container{padding:20px 15px}.my-transactions-content h1{font-size:28px}.my-transactions-content .filters-grid{grid-template-columns:1fr}.my-transactions-content .filters-card,.my-transactions-content .transactions-table-card{padding:20px}.my-transactions-content .table-header{align-items:flex-start;flex-direction:column}.my-transactions-content .transactions-table{font-size:12px}.my-transactions-content .transactions-table td,.my-transactions-content .transactions-table th{padding:8px}}.process-redemption-wrapper{display:flex;min-height:calc(100vh - 60px)}.process-redemption-container{background-color:#f5f5f5;flex:1 1;padding:30px 20px}.process-redemption-content{margin:0 auto;max-width:800px}.process-redemption-content h1{color:#333;font-size:32px;margin-bottom:30px}.success-header{gap:10px;justify-content:center}.success-icon{margin:0}.transaction-details h3{margin:0 0 20px}.redeemed-points{color:#dc3545;font-size:20px;font-weight:700}.new-redemption-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:all .3s;width:100%}.new-redemption-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.process-redemption-container{padding:20px 15px}.process-redemption-content h1{font-size:28px}.form-card,.success-card{padding:20px}.detail-grid{grid-template-columns:1fr}.success-header{flex-direction:column;text-align:center}.success-header h2{font-size:20px}}.request-redemption-wrapper{display:flex;min-height:calc(100vh - 60px)}.request-redemption-container{background-color:#f5f5f5;flex:1 1;padding:30px 20px}.request-redemption-content{margin:0 auto;max-width:800px}.request-redemption-content h1{color:#333;font-size:32px;margin-bottom:30px}.balance-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;margin-bottom:30px;padding:30px;text-align:center}.balance-header{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:20px}.balance-icon{font-size:40px}.balance-header h2{color:#fff;font-size:22px;margin:0}.balance-amount{font-size:64px;font-weight:700;margin:20px 0;text-shadow:0 2px 4px #0003}.balance-description{font-size:16px;margin:0;opacity:.9}.form-group input,.form-group textarea{border:2px solid #e0e0e0;box-sizing:border-box;font-family:inherit;font-size:16px;width:100%}.form-group textarea{min-height:80px}.input-hint{color:#666;display:block;font-size:12px;margin-top:5px}.no-points-message{color:#dc3545;font-weight:500;margin-top:15px;text-align:center}.transaction-id-card{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:3px solid #ffc107;border-radius:10px;margin-bottom:30px;padding:25px;text-align:center}.transaction-id-card h3{color:#856404;font-size:16px;font-weight:600;letter-spacing:1px;margin:0 0 15px;text-transform:uppercase}.transaction-id-display{color:#856404;font-size:48px;font-weight:700;margin:15px 0;text-shadow:0 2px 4px #0000001a}.cashier-message{background:#ffffff80;border-radius:6px;color:#856404;font-size:16px;font-weight:600;margin:15px 0 0;padding:15px}.qr-code-section{background:#f8f9fa;border-radius:10px;margin-bottom:30px;padding:25px;text-align:center}.qr-code-section h3{color:#667eea;font-size:18px;font-weight:600;margin:0 0 10px}.qr-description{color:#6c757d;font-size:14px;margin-bottom:20px}.qr-code-container{background:#fff;border:2px solid #e9ecef}.transaction-details{text-align:center}.transaction-details h3{color:#667eea;font-size:18px;margin:0 0 30px}.detail-grid.single-item{display:flex;justify-content:center}.detail-item{align-items:center;gap:10px}.detail-label{letter-spacing:1px}.redemption-points{color:#ffc107;font-size:56px;font-weight:700;text-shadow:0 2px 4px #0000001a}.status-badge{border-radius:10px;font-size:11px;text-transform:uppercase}.status-badge.pending{background:#fff3cd;color:#856404}.new-request-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:all .3s;width:100%}.new-request-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.request-redemption-container{padding:20px 15px}.request-redemption-content h1{font-size:28px}.balance-card,.form-card,.success-card{padding:20px}.balance-amount{font-size:48px}.transaction-id-display{font-size:36px}.qr-code-section{padding:20px 15px}.qr-code-container svg{height:150px!important;width:150px!important}.detail-grid{grid-template-columns:1fr}.success-header{flex-direction:column;text-align:center}.success-header h2{font-size:20px}}.transfer-points-wrapper{display:flex;min-height:calc(100vh - 60px)}.transfer-points-container{background-color:#f5f5f5;flex:1 1;padding:30px 20px}.transfer-points-content{margin:0 auto;max-width:800px}.transfer-points-content h1{color:#333;font-size:32px;margin-bottom:10px}.page-description{color:#6c757d;font-size:16px;margin-bottom:30px}.page-description strong{color:#667eea;font-weight:600}.transfer-form-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:40px}.transfer-form{display:flex;flex-direction:column;gap:25px}.form-group input,.form-group textarea{border-radius:8px;padding:12px 15px;transition:border-color .3s ease}.form-group input:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.field-hint{color:#6c757d}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:15px 30px;transition:all .3s ease}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#63408a);box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.transfer-success-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:50px 40px;text-align:center}.transfer-success-card .success-icon{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:700;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.transfer-success-card h2{color:#333;font-size:28px;margin-bottom:30px}.success-details{background:#f8f9fa;border-radius:10px;margin-bottom:30px;padding:25px;text-align:left}.detail-row{border-bottom:1px solid #e9ecef}.detail-label{color:#6c757d}.detail-label,.detail-value{font-size:14px}.detail-value.points-sent{color:#28a745;font-size:18px;font-weight:700}.new-transfer-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:all .3s ease}.new-transfer-button:hover{background:linear-gradient(135deg,#5568d3,#63408a);box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.loading-message{color:#6c757d;padding:20px}.receive-points-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-top:30px;padding:40px;text-align:center}.receive-heading{color:#333;font-size:24px;margin-bottom:10px}.receive-description{color:#6c757d;font-size:14px;margin-bottom:30px}.qr-code-container{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;justify-content:center;margin-bottom:25px;padding:20px}.qr-code-container svg{display:block}.receive-info{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;padding:15px 25px}.receive-label{font-size:12px;font-weight:500;margin:0 0 5px;opacity:.9}.receive-value{font-size:18px;font-weight:700;letter-spacing:.5px;margin:0}@media (max-width:768px){.transfer-points-container{padding:20px 10px}.transfer-points-content h1{font-size:24px}.receive-points-card,.transfer-form-card,.transfer-success-card{padding:25px 20px}.transfer-success-card .success-icon{font-size:36px;height:60px;width:60px}.transfer-success-card h2{font-size:22px}.receive-heading{font-size:20px}.qr-code-container svg{height:150px!important;width:150px!important}.detail-row{flex-direction:column;gap:5px}}.view-transaction-wrapper{display:flex;min-height:calc(100vh - 60px)}.view-transaction-container{background-color:#f5f5f5;flex:1 1;padding:30px 20px}.view-transaction-content{margin:0 auto;max-width:800px}.view-transaction-content h1{color:#333;font-size:32px;margin-bottom:30px}.form-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.form-card h2{color:#667eea;font-size:22px;margin:0 0 25px}.form-group{margin-bottom:25px}.form-group label{display:block;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:16px;padding:12px 15px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.submit-btn{padding:14px 20px;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66}.success-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.success-header{border-bottom:2px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.success-icon{background:linear-gradient(135deg,#667eea,#764ba2);font-size:30px}.success-header h2{color:#667eea}.transaction-details{margin-bottom:30px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-item.full-width{grid-column:1/-1}.detail-label{font-size:13px;letter-spacing:.5px;text-transform:uppercase}.detail-value{font-size:16px;font-weight:500}.positive-points{color:#28a745;font-size:20px;font-weight:700}.negative-points{font-size:20px}.negative-points,.status-suspicious{color:#dc3545;font-weight:700}.status-normal{color:#28a745;font-weight:700}.type-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.type-purchase{background:#d4edda;color:#155724}.type-redemption{background:#fff3cd;color:#856404}.type-adjustment{background:#d1ecf1;color:#0c5460}.type-event{background:#e2e3e5;color:#383d41}.type-transfer{background:#cce5ff;color:#004085}.action-buttons{margin-bottom:20px}.action-btn{border-radius:8px;flex:1 1;font-size:15px;min-width:200px;padding:12px 20px;transition:all .3s}.action-btn:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.mark-suspicious-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.mark-normal-btn{background:linear-gradient(135deg,#28a745,#218838);color:#fff}.adjustment-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.adjustment-form-card{background:#f8f9ff;border:2px solid #667eea;border-radius:10px;margin:20px 0;padding:25px}.adjustment-form-card h3{color:#667eea;font-size:20px;margin:0 0 20px}.adjustment-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field.full-width{grid-column:1/-1}.form-field label{color:#333;font-size:14px;font-weight:600}.form-field input,.form-field textarea{border:2px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .3s}.form-field input:focus,.form-field textarea:focus{border-color:#667eea;outline:none}.form-field input.disabled-input{background-color:#f5f5f5;color:#999;cursor:not-allowed}.adjustment-form-actions{display:flex;gap:15px;justify-content:flex-end}.submit-adjustment-btn{background:linear-gradient(135deg,#28a745,#218838);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s}.submit-adjustment-btn:hover:not(:disabled){box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.submit-adjustment-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancel-adjustment-btn{background:#fff;border:2px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s}.cancel-adjustment-btn:hover:not(:disabled){background:#f5f5f5;border-color:#999}.cancel-adjustment-btn:disabled{cursor:not-allowed;opacity:.6}.adjustment-success{text-align:center}.success-message{color:#28a745;font-size:18px;font-weight:600;margin-bottom:20px}.adjustment-details{background:#fff;border-radius:8px;margin-bottom:20px;padding:20px}.adjustment-details .detail-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 0}.adjustment-details .detail-row:last-child{border-bottom:none}.adjustment-details .label{color:#666;font-weight:600}.adjustment-details .value{color:#333;font-weight:500}.close-adjustment-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s}.close-adjustment-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.new-lookup-btn{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:all .3s;width:100%}.new-lookup-btn:hover{background:#667eea;box-shadow:0 4px 12px #667eea66;color:#fff;transform:translateY(-2px)}.view-all-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:15px;padding:14px 20px;transition:all .3s;width:100%}.view-all-btn:hover{box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}@media (max-width:768px){.view-transaction-container{padding:20px 15px}.view-transaction-content h1{font-size:28px}.form-card,.success-card{padding:20px}.detail-grid{grid-template-columns:1fr}.success-header{flex-direction:column;text-align:center}.success-header h2{font-size:20px}.action-buttons{flex-direction:column}.action-btn{min-width:0;min-width:auto;width:100%}.adjustment-form-grid{grid-template-columns:1fr}.adjustment-form-actions{flex-direction:column}.cancel-adjustment-btn,.submit-adjustment-btn{width:100%}}.create-event-wrapper{display:flex;min-height:calc(100vh - 60px)}.create-event-container{background-color:#f5f5f5;flex:1 1;padding:30px 20px}.create-event-content{margin:0 auto;max-width:800px}.create-event-content h1{color:#333;font-size:32px;margin-bottom:30px}.error-message,.loading-message{color:#666;font-size:18px;padding:40px;text-align:center}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#dc3545}.event-form-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.event-form-card h2{color:#667eea;font-size:24px;margin:0 0 25px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.field-hint{color:#666;font-size:12px;font-style:italic}.checkbox-wrapper{align-items:center;display:flex;gap:8px;margin-top:8px}.checkbox-wrapper input[type=checkbox]{margin:0;width:auto}.checkbox-label{color:#666;cursor:pointer;font-size:14px;font-weight:400;margin:0}.form-actions{display:flex;justify-content:flex-end;margin-top:10px}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.event-success-card{background:#fff;border-left:5px solid #28a745;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.success-header{gap:15px;margin-bottom:25px}.success-header,.success-icon{align-items:center;display:flex}.success-icon{background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;color:#fff;flex-shrink:0;font-size:28px;font-weight:700;height:50px;justify-content:center;width:50px}.success-header h2{color:#28a745;font-size:24px;margin:0}.event-details{display:flex;flex-direction:column;gap:15px}.detail-row{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#666;font-weight:600;min-width:160px}.detail-value{color:#333;flex:1 1;text-align:right;word-break:break-word}.detail-value.highlight{color:#667eea;font-size:18px;font-weight:600}@media (max-width:768px){.create-event-container{padding:20px 15px}.create-event-content h1{font-size:26px}.event-form-card{padding:20px}.event-form-card h2{font-size:20px}.form-row{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:5px}.detail-label{min-width:auto}.detail-value{text-align:left}.submit-btn{width:100%}}.event-browser-wrapper{display:flex;min-height:calc(100vh - 60px)}.event-browser-container{background-color:#f5f5f5;flex:1 1;padding:30px 20px}.event-browser-content{margin:0 auto;max-width:1400px}.event-browser-content h1{color:#333;font-size:32px;margin-bottom:30px}.filters-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.filters-card h2{color:#667eea;font-size:20px;margin:0 0 20px}.filters-grid{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#333;font-size:14px;font-weight:500}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px;transition:border-color .3s}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.checkbox-container{align-items:center;cursor:pointer;display:flex;gap:8px;padding:10px 0}.checkbox-container input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-container span{color:#333;font-weight:500}.filter-actions{align-items:flex-end;display:flex}.clear-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:13px 20px;transition:background-color .3s}.clear-btn:hover{background-color:#5a6268}.events-table-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.table-header{border-bottom:1px solid #e0e0e0;padding:20px 25px}.table-header h2{color:#333;font-size:20px;margin:0}.table-wrapper{overflow-x:auto;padding:0 25px 25px}.events-table{border-collapse:collapse;width:100%}.events-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.events-table td,.events-table th{border-bottom:1px solid #e0e0e0;padding:15px;text-align:left}.events-table th{font-size:14px;font-weight:600;white-space:nowrap}.events-table th.sortable{cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none}.events-table th.sortable:hover{background-color:#ffffff1a}.events-table td{color:#333;font-size:14px}.events-table tbody tr{transition:background-color .3s}.events-table tbody tr:hover{background-color:#f8f9ff}.events-table tbody tr.full-event{background-color:#fff3cd}.events-table tbody tr.full-event:hover{background-color:#ffe69c}.full-badge{color:#856404;font-size:12px;font-weight:600}.status-badge{border-radius:4px;font-size:12px;padding:4px 10px}.no-results{color:#666;font-size:16px;padding:60px 20px;text-align:center}.loading-more{color:#667eea;font-size:14px;font-style:italic;padding:20px;text-align:center}.clickable-row{cursor:pointer}.modal-overlay{align-items:flex-start;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;margin:auto;max-width:700px;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e0e0e0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:25px}.modal-header h2{color:#fff;font-size:24px;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:background-color .3s;width:32px}.close-btn:hover{background-color:#fff3}.modal-loading{color:#666;font-size:16px;padding:60px 20px;text-align:center}.modal-body{padding:25px}.event-info-section{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.info-row{align-items:flex-start;border-bottom:1px solid #f0f0f0;padding:12px 0}.info-label{min-width:160px}.info-value{flex:1 1;text-align:right;word-break:break-word}.info-value.highlight{color:#667eea;font-size:18px;font-weight:600}.organizers-section{margin-bottom:30px;margin-top:30px}.organizers-section h3{color:#667eea;font-size:18px;margin:0 0 15px}.organizers-table{border:1px solid #e0e0e0;border-collapse:collapse;border-radius:6px;overflow:hidden;width:100%}.organizers-table thead{background-color:#f5f5f5}.organizers-table td,.organizers-table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.organizers-table th{color:#667eea;font-size:14px;font-weight:600}.organizers-table td{color:#333;font-size:14px}.organizers-table tbody tr:last-child td{border-bottom:none}.organizers-table tbody tr:hover{background-color:#f8f9ff}.modal-actions{border-top:2px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;margin-top:25px;padding-top:20px}.manage-btn,.rsvp-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.rsvp-btn{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a7454d;color:#fff}.rsvp-btn:hover:not(:disabled){box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.rsvp-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.rsvp-btn.rescind{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 15px #dc35454d}.rsvp-btn.rescind:hover:not(:disabled){box-shadow:0 6px 20px #dc354566}.manage-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.manage-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}@media (max-width:1200px){.events-table{font-size:13px}.events-table td,.events-table th{padding:12px}}@media (max-width:768px){.event-browser-container{padding:20px 15px}.event-browser-content h1{font-size:26px}.filters-card{padding:20px}.filters-grid{gap:15px;grid-template-columns:1fr}.table-wrapper{overflow-x:scroll}.events-table{min-width:800px}.modal-header h2{font-size:20px}.modal-body{padding:20px}.info-row{flex-direction:column;gap:5px}.info-label{min-width:auto}.info-value{text-align:left}.modal-actions{flex-direction:column}.manage-btn,.rsvp-btn{width:100%}}.manage-event-wrapper{display:flex;min-height:calc(100vh - 60px)}.manage-event-container{background-color:#f5f5f5;flex:1 1;padding:30px 20px}.manage-event-content{margin:0 auto;max-width:900px}.manage-event-content h1{color:#333;font-size:32px;margin-bottom:30px}.loading-message{color:#666;font-size:18px;padding:40px;text-align:center}.search-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.search-card h2{color:#667eea;font-size:20px;margin:0 0 20px}.search-form{align-items:flex-end;display:flex;gap:15px}.search-form .form-group{display:flex;flex-direction:column;gap:8px}.search-form .form-group:first-child{flex:1 1}.search-form label{color:#333;font-size:14px;font-weight:500}.search-form input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px;transition:border-color .3s}.search-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:46px;padding:10px 24px;transition:all .3s;white-space:nowrap}.search-btn:hover:not(:disabled){box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.search-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-card{background:#fff;border-left:5px solid #dc3545;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px;text-align:center}.error-card h2{color:#dc3545;font-size:24px;margin:0 0 15px}.error-card p{color:#666;font-size:16px;margin:10px 0}.event-management-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.card-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.card-header h2{color:#333;font-size:24px;margin:0}.status-badge{border-radius:6px;display:inline-block;font-size:14px;font-weight:600;padding:6px 12px}.status-badge.published{background-color:#d4edda;color:#155724}.status-badge.draft{background-color:#fff3cd;color:#856404}.event-form{gap:20px}.event-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:500}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{font-family:inherit;resize:vertical}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.info-section{background-color:#f8f9ff;border:1px solid #e0e0e0;border-radius:8px;margin-top:10px;padding:20px}.info-section h3{color:#667eea;font-size:18px;margin:0 0 15px}.info-row{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:10px 0}.info-row:last-child{border-bottom:none}.info-label{color:#666;font-weight:600}.info-value{color:#333;font-weight:500}.action-buttons{border-top:2px solid #e0e0e0;flex-direction:row;gap:15px;margin-top:10px;padding-top:20px}.publish-btn,.reset-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.save-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.reset-btn{background-color:#6c757d;color:#fff}.reset-btn:hover{background-color:#5a6268}.publish-btn{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a7454d;color:#fff}.publish-btn:hover:not(:disabled){box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.publish-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.delete-section{border-top:2px solid #e0e0e0;margin-top:20px;padding-top:20px}.delete-btn{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;box-shadow:0 4px 15px #dc35454d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s;width:100%}.delete-btn:hover:not(:disabled){box-shadow:0 6px 20px #dc354566;transform:translateY(-2px)}.delete-btn.delete-confirm{animation:pulse .5s ease-in-out infinite alternate;background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.delete-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes pulse{0%{box-shadow:0 4px 15px #dc35454d}to{box-shadow:0 6px 25px #dc354599}}.event-management-card+.event-management-card{margin-top:30px}.organizers-list{background:#f9f9f9;border-radius:8px;margin-bottom:25px;max-height:300px;overflow-y:auto;padding:15px}.organizer-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 15px;transition:all .3s}.organizer-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.organizer-item:last-child{margin-bottom:0}.organizer-info{display:flex;flex-direction:column;gap:4px}.organizer-utorid{color:#333;font-size:15px;font-weight:600}.organizer-name{color:#666;font-size:13px}.no-organizers{color:#999;font-style:italic;padding:20px;text-align:center}.remove-organizer-btn{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;transition:all .3s;width:28px}.remove-organizer-btn:hover:not(:disabled){box-shadow:0 3px 10px #dc35454d;transform:scale(1.1)}.remove-organizer-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.add-organizer-form{border-top:2px solid #e0e0e0;padding-top:20px}.add-organizer-form h3{color:#667eea;font-size:18px;margin:0 0 15px}.add-organizer-form .form-row{align-items:flex-end;display:flex;gap:15px}.add-organizer-form .form-group{flex:1 1}.add-organizer-form input:disabled{background-color:#f5f5f5;cursor:not-allowed}.add-organizer-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:10px 20px;transition:all .3s;white-space:nowrap}.add-organizer-btn:hover:not(:disabled){box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.add-organizer-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6;transform:none}.guests-list{background:#f9f9f9;border-radius:8px;margin-bottom:25px;max-height:300px;overflow-y:auto;padding:15px}.guest-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 15px;transition:all .3s}.guest-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.guest-item:last-child{margin-bottom:0}.guest-info{display:flex;flex-direction:column;gap:4px}.guest-utorid{color:#333;font-size:15px;font-weight:600}.guest-name{color:#666;font-size:13px}.no-guests{color:#999;font-style:italic;padding:20px;text-align:center}.remove-guest-btn{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;transition:all .3s;width:28px}.remove-guest-btn:hover:not(:disabled){box-shadow:0 3px 10px #dc35454d;transform:scale(1.1)}.remove-guest-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.add-guest-form{border-top:2px solid #e0e0e0;padding-top:20px}.add-guest-form h3{color:#667eea;font-size:18px;margin:0 0 15px}.add-guest-form .form-row{align-items:flex-end;display:flex;gap:15px}.add-guest-form .form-group{flex:1 1}.add-guest-form input:disabled{background-color:#f5f5f5;cursor:not-allowed}.add-guest-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:10px 20px;transition:all .3s;white-space:nowrap}.add-guest-btn:hover:not(:disabled){box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.add-guest-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.manage-event-container{padding:20px 15px}.manage-event-content h1{font-size:26px}.event-management-card,.search-card{padding:20px}.search-form{flex-direction:column}.search-btn{width:100%}.form-row{grid-template-columns:1fr}.card-header{align-items:flex-start;gap:10px}.action-buttons,.card-header{flex-direction:column}}.points-available{background:#667eea1a;border-left:4px solid #667eea;border-radius:5px;color:#667eea;font-size:16px;font-weight:600;margin-bottom:20px;padding:10px 15px}.reward-points-form{display:flex;flex-direction:column;gap:20px}.reward-points-form input[type=number],.reward-points-form select{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px 15px;transition:all .3s ease;width:100%}.reward-points-form input[type=number]:focus,.reward-points-form select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.reward-points-form input[type=number]:disabled,.reward-points-form select:disabled{background-color:#f5f5f5;cursor:not-allowed}.reward-points-btn{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.reward-points-btn:hover:not(:disabled){box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.reward-points-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6;transform:none}.friends-wrapper{display:flex;min-height:calc(100vh - 60px)}.friends-container{background-color:#f5f5f5;flex:1 1;padding:30px 20px}.friends-content{margin:0 auto;max-width:1400px}.friends-content h1{color:#333;font-size:32px;margin-bottom:30px}.empty-message,.loading-message{background:#fff;border-radius:10px;color:#666;font-size:18px;margin:20px 0;padding:40px;text-align:center}.follow-form-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.follow-form-card h2{color:#667eea;font-size:20px;margin:0 0 20px}.follow-form{display:flex;flex-direction:column}.follow-form .form-group{align-items:center;display:flex;flex-direction:row;gap:15px}.follow-input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:16px;padding:12px 15px;transition:border-color .3s ease}.follow-input:focus{border-color:#667eea;outline:none}.follow-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.follow-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:16px;font-weight:600;padding:12px 24px;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.follow-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.follow-button:active:not(:disabled){transform:translateY(0)}.follow-button:disabled{cursor:not-allowed;opacity:.6}.friends-table-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.friends-table-section .table-header{margin-bottom:20px}.friends-table-section .table-header h2{color:#667eea;font-size:20px;margin:0}.table-container{margin-bottom:20px;overflow-x:auto}.friends-table{background:#fff;border-collapse:collapse;width:100%}.friends-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.friends-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 15px;text-align:left;text-transform:uppercase}.friends-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.friends-table tbody tr:hover{background-color:#f8f9ff}.friends-table tbody tr:last-child{border-bottom:none}.friends-table td{color:#333;font-size:14px;padding:0 15px}.role-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.role-regular{background-color:#e3f2fd;color:#1976d2}.role-cashier{background-color:#fff3e0;color:#f57c00}.role-manager{background-color:#f3e5f5;color:#7b1fa2}.role-superuser{background-color:#fce4ec;color:#c2185b}.role-guest{background-color:#f5f5f5;color:#757575}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.action-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;min-width:auto;padding:6px 12px;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.action-btn:hover{transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.transfer-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.transfer-btn:hover{box-shadow:0 2px 8px #667eea66}.unfollow-btn{background-color:#dc3545;color:#fff}.unfollow-btn:hover{background-color:#c82333;box-shadow:0 2px 8px #dc354566}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;padding:20px 0}.pagination-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.pagination-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.pagination-info{color:#666;font-size:14px;font-weight:500}@media (max-width:768px){.friends-container{padding:20px 15px}.friends-content h1{font-size:24px;margin-bottom:20px}.follow-form .form-group{flex-direction:column}.follow-button{width:100%}.friends-table{font-size:12px}.friends-table td,.friends-table th{padding:10px 8px}.action-buttons{flex-direction:column;width:100%}.action-btn{width:100%}}.App{min-height:100vh}
/*# sourceMappingURL=main.4d053356.css.map*/