:root{--bg-primary: #F4F2F2;--bg-secondary: #FFFFFF;--bg-elevated: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #F8F8F8;--bg-input: #FFFFFF;--text-primary: #1A1A1A;--text-secondary: #666666;--text-muted: #999999;--accent: #FC222A;--accent-hover: #E1222A;--accent-light: rgba(252, 34, 42, .08);--accent-glow: rgba(252, 34, 42, .15);--success: #22c55e;--success-bg: rgba(34, 197, 94, .08);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .08);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .08);--border: #E5E5E5;--border-subtle: #EFEFEF;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .1);--radius: 10px;--radius-sm: 6px;--radius-xs: 4px;--radius-card: 16px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--deal-fire: #f97316;--deal-fire-bg: rgba(249, 115, 22, .08);--deal-price: #FC222A;--deal-discount-bg: #FC222A;--deal-cta: #FC222A;--deal-cta-hover: #E1222A;--deal-cta-text: #ffffff;--deal-pill-bg: rgba(0, 0, 0, .04);--deal-pill-border: rgba(0, 0, 0, .06);--navbar-bg: #1A1A1A;--navbar-text: #FFFFFF;--navbar-text-muted: #999999;--navbar-input-bg: #2A2A2A}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent-light);color:var(--accent)}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none;line-height:1;white-space:nowrap}.btn.btn-primary{background:var(--accent);color:#fff}.btn.btn-primary:hover{background:var(--accent-hover)}.btn.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn.btn-secondary:hover{background:var(--bg-card-hover);border-color:#ccc}.btn.btn-ghost{background:transparent;color:var(--text-secondary)}.btn.btn-ghost:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn.btn-success{background:var(--success);color:#fff}.btn.btn-success:hover{opacity:.92}.btn.btn-danger{background:var(--danger);color:#fff}.btn.btn-danger:hover{opacity:.92}.btn.btn-sm{padding:6px 12px;font-size:13px;border-radius:var(--radius-xs)}.btn.btn-lg{padding:12px 24px;font-size:15px}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}input,textarea,select{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;transition:all .15s;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:100px}label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-secondary);font-size:13px}.form-group{margin-bottom:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.alert{padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:14px;font-size:13px;line-height:1.4}.alert.alert-error{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.15)}.alert.alert-success{background:var(--success-bg);color:var(--success);border:1px solid rgba(34,197,94,.15)}.alert.alert-warning{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(245,158,11,.15)}.page-header{margin-bottom:28px}.page-header h1{font-size:26px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}.page-header p{color:var(--text-secondary);font-size:14px}.empty-state{text-align:center;padding:64px 20px;color:var(--text-muted)}.empty-state .icon{font-size:40px;margin-bottom:12px;opacity:.5}.empty-state h3{font-size:18px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.empty-state p{font-size:14px}.loading-spinner{display:flex;justify-content:center;padding:48px}.loading-spinner .spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--accent);font-size:14px;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-lg{width:52px;height:52px;font-size:20px}.avatar-sm{width:28px;height:28px;font-size:11px}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:24px 0}.pagination button{padding:7px 14px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;transition:all .15s}.pagination button:hover{background:var(--bg-card-hover);color:var(--text-primary)}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination button.active{background:var(--accent);border-color:var(--accent);color:#fff}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:500;background:var(--accent-light);color:var(--accent)}.discount-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--radius-xs);font-size:12px;font-weight:600;background:var(--success-bg);color:var(--success)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(4px)}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal .modal-header h2{font-size:18px;font-weight:600}.modal .modal-header .close-btn{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:4px;line-height:1}.modal .modal-header .close-btn:hover{color:var(--text-primary)}.badge-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-card);font-size:18px}hr.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.fade-in{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.deal-discount-badge{position:absolute;bottom:8px;left:8px;background:var(--deal-discount-bg);color:#fff;font-size:11px;font-weight:700;padding:3px 7px;border-radius:4px;line-height:1}.deal-price{font-size:20px;font-weight:800;color:var(--deal-price);letter-spacing:-.02em;line-height:1}.deal-price-original{font-size:13px;font-weight:400;color:var(--text-muted);text-decoration:line-through}.deal-benefit{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:500;padding:2px 7px;border-radius:4px;background:var(--success-bg);color:var(--success)}.deal-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:var(--deal-cta);color:var(--deal-cta-text);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;text-decoration:none}.deal-cta:hover{background:var(--deal-cta-hover)}.deal-coupon{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:7px 12px;background:transparent;color:var(--deal-cta);border:1.5px dashed var(--deal-cta);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;letter-spacing:.03em}.deal-coupon:hover{background:#fc222a0f}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.container{padding:0 12px}.page-header h1{font-size:20px}.card{padding:16px}}