*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;background:#f5f7fa;color:#212121;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}app-root{display:block;min-height:100vh}h1{font-size:24px;font-weight:700;margin:0}h2{font-size:18px;font-weight:600;margin:0}h3{font-size:16px;font-weight:600;margin:0}p{margin:0;line-height:1.6}.full-width{width:100%}.text-center{text-align:center}.text-muted{color:#616161;font-size:13px}.text-hint{color:#9e9e9e;font-size:12px}.text-primary{color:#1565c0}.text-success{color:#2e7d32}.text-warn{color:#c62828}.text-accent{color:#e65100}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s;text-decoration:none}.btn:active{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary{background:#1565c0;color:#fff}.btn.btn-outline{background:transparent;border:2px solid #1565c0;color:#1565c0}.btn.btn-success{background:#2e7d32;color:#fff}.btn.btn-full{width:100%}.btn.btn-sm{height:36px;font-size:13px;padding:0 14px}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.input-group label{font-size:13px;font-weight:500;color:#616161}.input-group input,.input-group select{height:48px;padding:0 14px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:16px;color:#212121;background:#fff;outline:none;transition:border-color .2s;width:100%}.input-group input:focus,.input-group select:focus{border-color:#1565c0}.input-group input::placeholder,.input-group select::placeholder{color:#9e9e9e}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge.badge-active{background:#e3f2fd;color:#1565c0}.badge.badge-overdue{background:#ffebee;color:#c62828}.badge.badge-redeemed{background:#e8f5e9;color:#2e7d32}.badge.badge-closed{background:#f5f5f5;color:#616161}.page{min-height:100vh;padding:16px 16px 32px;max-width:480px;margin:0 auto}.spinner-wrap{display:flex;align-items:center;justify-content:center;min-height:200px}.spinner{width:36px;height:36px;border:3px solid #e3f2fd;border-top-color:#1565c0;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{height:1px;background:#e0e0e0;margin:12px 0}.empty{text-align:center;padding:48px 16px;color:#616161}.empty .empty-icon{font-size:56px;margin-bottom:12px}.empty h3{color:#616161;margin-bottom:6px}.empty p{color:#9e9e9e;font-size:14px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}