.mobile-scan-wrapper{display:flex;justify-content:center;padding:20px;font-family:sans-serif}.mobile-scan-card{width:100%;max-width:480px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.mobile-scan-card h2{text-align:center;color:#333;margin-top:0}.mobile-field{margin-bottom:20px}.mobile-field label{display:block;font-weight:700;margin-bottom:8px}.mobile-field input{width:100%;padding:12px;box-sizing:border-box;border:1px solid #ccc;border-radius:6px}.mobile-field .hint{color:#6c757d;display:block;margin-top:5px}.mobile-btn{width:100%;padding:12px;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700}.mobile-btn.primary{background-color:#007bff}.mobile-btn.success{background-color:#28a745}.mobile-btn.danger{background-color:#dc3545}.mobile-info-box{background:#e9ecef;padding:12px;border-radius:6px;margin-bottom:20px;text-align:center;font-weight:700}.qr-reader{width:100%;background:#000;border-radius:8px;overflow:hidden;margin-bottom:20px}.scanned-result{margin-top:15px;background:#f1f3f5;padding:15px;border-radius:6px;border-left:5px solid #007bff;word-break:break-all}.scanned-result strong{display:block;margin-bottom:5px}.scanned-result p{margin:5px 0 0;color:#333}.api-status{text-align:center;font-weight:700;margin-top:10px}.api-status.success{color:#28a745}.api-status.error{color:#dc3545}.api-status.info{color:#333}.error-msg{color:red;text-align:center;font-weight:700}.scan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.scan-header .mobile-info-box{flex:1;margin-bottom:0}.scan-header .mobile-btn-logout{margin-left:10px;padding:6px 12px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap}.scan-header .mobile-btn-logout:hover{background:#5a6268}.admin-login-wrapper{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px;font-family:sans-serif}.admin-login-card{width:100%;max-width:400px;background:#fff;padding:35px 30px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.admin-login-card h2{text-align:center;color:#4e73df;margin:0 0 5px}.admin-login-subtitle{text-align:center;color:#6c757d;margin-bottom:25px;font-size:14px}.admin-login-field{margin-bottom:20px}.admin-login-field label{display:block;font-weight:700;margin-bottom:8px;color:#333;font-size:14px}.admin-login-field input{width:100%;padding:12px;box-sizing:border-box;border:1px solid #ccc;border-radius:6px;font-size:14px;transition:border-color .2s}.admin-login-field input:focus{border-color:#4e73df;outline:none;box-shadow:0 0 0 2px #4e73df26}.admin-login-error{color:#e74a3b;text-align:center;font-weight:700;font-size:14px;margin:10px 0}.admin-login-btn{width:100%;padding:12px;background:linear-gradient(180deg,#4e73df 10%,#224abe);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:16px;transition:opacity .2s}.admin-login-btn:hover{opacity:.9}.admin-login-btn:disabled{opacity:.6;cursor:not-allowed}.admin-layout{display:flex;font-family:sans-serif;min-height:100vh}.admin-sidebar{width:240px;background:linear-gradient(180deg,#4e73df 10%,#224abe);color:#fff;padding:20px 0}.admin-sidebar-title{font-size:20px;font-weight:700;text-align:center;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-user-info{padding:12px 25px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px}.admin-role-badge{background:#fff3;padding:2px 8px;border-radius:10px;font-size:11px}.admin-sidebar-footer{padding:15px 25px;border-top:1px solid rgba(255,255,255,.1)}.btn-logout{width:100%;padding:8px 12px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;font-size:13px;text-align:center}.btn-logout:hover{background:#ffffff40}.store-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;overflow:hidden}.store-header{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#f8f9fc;border-bottom:1px solid #e3e6f0}.store-id{font-size:12px;color:#fff;background:#4e73df;padding:3px 10px;border-radius:12px;font-weight:700}.store-name{font-size:16px;font-weight:700;color:#333}.store-reward-table{border:none}.store-reward-table th{background:#f8f9fc;color:#4e73df;font-size:13px}.count-badge{display:inline-block;background:#1cc88a;color:#fff;font-weight:700;padding:2px 12px;border-radius:12px;font-size:14px}.stores-hint{color:#6c757d;font-size:13px;margin-bottom:15px}.stores-loading{text-align:center;padding:30px;color:#4e73df;font-weight:700;font-size:16px}.stores-error{text-align:center;padding:20px;color:#e74a3b;font-weight:700;background:#fff;border-radius:8px;border:1px solid #e74a3b}.admin-sidebar-nav{list-style:none;padding:0;margin:20px 0}.admin-sidebar-nav li{padding:15px 25px;cursor:pointer}.admin-sidebar-nav li:hover{background:#ffffff1a}.admin-sidebar-nav li.active{background:#fff3}.admin-content{flex:1;padding:30px;background-color:#f8f9fc}.admin-content h2{margin-top:0;margin-bottom:20px}.dashboard-cards{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.dashboard-card{flex:1 1 200px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000000d}.dashboard-card.blue{border-left:5px solid #4e73df}.dashboard-card.green{border-left:5px solid #1cc88a}.dashboard-card-label{font-size:12px;font-weight:700;color:#4e73df;margin-bottom:5px}.dashboard-card.green .dashboard-card-label{color:#1cc88a}.dashboard-card-value{font-size:28px;font-weight:700}.dashboard-hint{background:#e4e7ee;padding:20px;border-radius:8px;color:#4e73df}.form-bar{display:flex;gap:15px;background:#fff;padding:15px;border-radius:6px;border:1px solid #e3e6f0;margin-bottom:20px;align-items:flex-end;flex-wrap:wrap}.form-group{display:flex;flex-direction:column}.form-group label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}.form-bar input,.form-bar select{padding:8px;border-radius:4px;border:1px solid #ccc;box-sizing:border-box}.select-wide{min-width:180px}.btn{padding:9px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:700;color:#fff}.btn-green{background:#1cc88a}.btn-red{background:#e74a3b;padding:5px 10px;font-weight:400}.btn-blue{background:#4e73df}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table th{padding:12px;border-bottom:1px solid #e3e6f0;background:#f8f9fc;color:#4e73df;text-align:left}.admin-table td{padding:12px;border-bottom:1px solid #e3e6f0}.admin-table .empty-row td{padding:20px;text-align:center;color:#999}.admin-table .date-cell{color:#666}.code-tag{background:#eee;padding:2px 5px;font-family:monospace}.mono-content{font-family:monospace;background:#f1f3f5;padding:2px 6px}.status-badge{padding:3px 8px;border-radius:30px;color:#fff;font-size:12px;display:inline-block}.status-badge.success{background:#1cc88a}.status-badge.fail{background:#e74a3b}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:20px;padding:10px 0}.pagination button{padding:6px 10px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#333;cursor:pointer}.pagination button:disabled{background:#f5f5f5;color:#999;cursor:default}.pagination button.active{background:#4e73df;color:#fff;border-color:#4e73df;font-weight:700;padding:6px 12px}.pagination .ellipsis{color:#999;padding:0 4px}.pagination .page-info{font-size:13px;color:#666;margin-left:8px}body{margin:0;font-family:sans-serif}.app-nav{background:#333;padding:10px;display:flex;gap:15px;justify-content:center}.app-nav a{color:#fff;text-decoration:none;font-weight:700}.app-nav a:hover{text-decoration:underline}