@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#000;--white:#fff;--bg:#f5f5f0;--card-bg:#fff;--border:#000;--shadow:4px 4px 0px #000;--shadow-sm:2px 2px 0px #000;--shadow-lg:6px 6px 0px #000;--green:#82dd55;--green-dark:#5ab832;--green-light:#e3f9e5;--yellow:gold;--purple:#a855f7;--purple-light:#f1e9ff;--red:#f44;--red-light:#fff0f0;--blue:#3b82f6;--blue-light:#eff6ff;--orange:#f97316;--orange-light:#fff7ed;--sidebar-w:240px;--radius:12px;--radius-sm:8px;--radius-lg:16px;color:var(--black);background:var(--bg);font-family:Space Grotesk,sans-serif;font-size:14px}body{background:var(--bg);min-height:100vh}#root{min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#000;border-radius:3px}.layout{width:100%;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--black);border-right:3px solid var(--black);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.main-content{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar{background:var(--white);border-bottom:3px solid var(--black);z-index:50;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.page-area{flex:1;padding:28px;overflow-x:hidden}.sidebar-logo{border-bottom:2px solid #ffffff1f;padding:20px 20px 16px}.sidebar-logo .logo-mark{background:var(--green);border:2.5px solid var(--white);width:40px;height:40px;color:var(--black);box-shadow:2px 2px 0 var(--white);border-radius:10px;justify-content:center;align-items:center;margin-bottom:10px;font-size:18px;font-weight:800;display:flex}.sidebar-logo .app-name{color:var(--white);letter-spacing:.5px;font-size:16px;font-weight:800}.sidebar-logo .app-sub{color:#ffffff73;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:600}.nav-section{padding:16px 12px 8px}.nav-section-label{color:#ffffff59;letter-spacing:1.5px;text-transform:uppercase;padding:0 8px 8px;font-size:10px;font-weight:700}.nav-item{border-radius:var(--radius-sm);color:#ffffffa6;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:var(--white);background:#ffffff14}.nav-item.active{background:var(--green);color:var(--black);border-color:var(--white);font-weight:800;box-shadow:2px 2px #ffffff4d}.nav-item .nav-icon{flex-shrink:0;width:18px}.nav-badge{background:var(--red);color:var(--white);border:1.5px solid var(--white);border-radius:20px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:800}.nav-item.active .nav-badge{border-color:var(--black);background:var(--black);color:var(--white)}.sidebar-footer{border-top:2px solid #ffffff1a;margin-top:auto;padding:16px 12px}.topbar-left{flex-direction:column;display:flex}.topbar-title{font-size:18px;font-weight:800}.topbar-sub{color:#666;font-size:12px;font-weight:500}.topbar-right{align-items:center;gap:12px;display:flex}.admin-chip{border:2.5px solid var(--black);background:var(--white);box-shadow:var(--shadow-sm);border-radius:20px;align-items:center;gap:8px;padding:6px 14px 6px 8px;font-size:13px;font-weight:700;display:flex}.admin-avatar{background:var(--green);border:2px solid var(--black);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:flex}.neo-card{background:var(--card-bg);border:2.5px solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.neo-card.sm{box-shadow:var(--shadow-sm);padding:14px}.neo-card.lg{box-shadow:var(--shadow-lg);padding:28px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{border:2.5px solid var(--black);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow);padding:20px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.stat-card:hover{box-shadow:6px 6px 0 var(--black);transform:translate(-2px,-2px)}.stat-card .stat-accent{border-bottom-left-radius:60px;width:60px;height:60px;position:absolute;top:0;right:0}.stat-label{color:#777;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:11px;font-weight:700}.stat-value{margin-bottom:4px;font-family:Space Mono,monospace;font-size:30px;font-weight:800;line-height:1.1}.stat-sub{color:#555;font-size:12px;font-weight:600}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{letter-spacing:.3px;font-size:18px;font-weight:800}.section-sub{color:#666;margin-top:2px;font-size:12px;font-weight:500}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:#555;border-bottom:2.5px solid var(--black);background:var(--bg);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:800}tbody tr{border-bottom:1.5px solid #eee;transition:background .1s}tbody tr:hover{background:#fafafa}tbody td{vertical-align:middle;padding:12px 14px;font-size:13.5px}tbody tr:last-child{border-bottom:none}.badge{letter-spacing:.3px;border:2px solid var(--black);white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.badge.green{background:var(--green);color:var(--black)}.badge.yellow{background:var(--yellow);color:var(--black)}.badge.red{background:var(--red);color:var(--white)}.badge.purple{background:var(--purple);color:var(--white)}.badge.gray{color:#444;background:#e5e5e5}.badge.blue{background:var(--blue);color:var(--white)}.badge.orange{background:var(--orange);color:var(--white)}.btn{border:2.5px solid var(--black);cursor:pointer;box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:3px 3px 0 var(--black);transform:translate(-1px,-1px)}.btn:active{box-shadow:none;transform:translate(1px,1px)}.btn.primary{background:var(--black);color:var(--white)}.btn.green{background:var(--green);color:var(--black)}.btn.danger{background:var(--red);color:var(--white)}.btn.ghost{background:var(--white);color:var(--black)}.btn.sm{padding:5px 12px;font-size:12px}.avatar{border:2.5px solid var(--black);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.chart-bar-wrap{flex-direction:column;gap:10px;display:flex}.chart-bar-row{align-items:center;gap:10px;display:flex}.chart-bar-label{flex-shrink:0;width:80px;font-size:12px;font-weight:700}.chart-bar-track{background:var(--bg);border:2px solid var(--black);height:14px;box-shadow:var(--shadow-sm);border-radius:20px;flex:1;overflow:hidden}.chart-bar-fill{border-radius:20px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.chart-bar-val{text-align:right;width:60px;font-family:Space Mono,monospace;font-size:12px;font-weight:800}.sparkline-wrap{align-items:flex-end;gap:4px;height:48px;display:flex}.sparkline-bar{background:var(--green);border:1.5px solid var(--black);border-radius:4px 4px 0 0;flex:1;min-height:4px;transition:height .5s}.sparkline-bar:nth-child(odd){background:var(--green-dark)}.search-input{border:2.5px solid var(--black);background:var(--white);box-shadow:var(--shadow-sm);border-radius:20px;align-items:center;gap:8px;padding:7px 14px;display:flex}.search-input input{background:0 0;border:none;outline:none;width:200px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500}.filter-select{border:2.5px solid var(--black);background:var(--white);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:20px;outline:none;padding:7px 14px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600}.scratch-card-chip{border:2.5px solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s;overflow:hidden}.scratch-card-chip:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.scratch-card-header{border-bottom:2.5px solid var(--black);justify-content:center;align-items:center;height:80px;display:flex}.scratch-card-body{background:var(--white);padding:14px 16px}.progress-track{background:var(--bg);border:2px solid var(--black);border-radius:20px;height:10px;overflow:hidden}.progress-fill{border-radius:20px;height:100%}.toggle-wrap{cursor:pointer;align-items:center;gap:8px;display:flex}.toggle{border:2.5px solid var(--black);border-radius:20px;width:40px;height:22px;transition:background .2s;position:relative}.toggle.on{background:var(--green)}.toggle.off{background:#e5e5e5}.toggle-thumb{background:var(--black);border-radius:50%;width:14px;height:14px;transition:left .2s;position:absolute;top:50%;transform:translateY(-50%)}.toggle.on .toggle-thumb{left:calc(100% - 16px)}.toggle.off .toggle-thumb{left:2px}.mono{font-family:Space Mono,monospace}.text-green{color:var(--green-dark)}.text-red{color:var(--red)}.text-purple{color:var(--purple)}.text-muted{color:#777}.font-bold{font-weight:700}.font-black{font-weight:800}.page-grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.page-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.page-grid-cards{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.mb-20{margin-bottom:20px}.mb-12{margin-bottom:12px}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{align-items:center;gap:10px;display:flex}.gap-8{gap:8px}.gap-12{gap:12px}@media (width<=1200px){.stats-grid,.page-grid-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.page-grid-2{grid-template-columns:1fr}.page-grid-3{grid-template-columns:1fr 1fr}}.modal-backdrop{z-index:500;background:#0000008c;justify-content:center;align-items:center;padding:24px;animation:.15s modal-fade-in;display:flex;position:fixed;inset:0}.modal-box{background:var(--white);border:3px solid var(--black);border-radius:var(--radius-lg);width:100%;box-shadow:8px 8px 0 var(--black);flex-direction:column;max-height:90vh;animation:.18s cubic-bezier(.34,1.56,.64,1) modal-pop-in;display:flex;overflow:hidden}.modal-header{border-bottom:2.5px solid var(--black);background:var(--black);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-title{color:var(--white);letter-spacing:.5px;font-size:15px;font-weight:800}.modal-close{width:30px;height:30px;color:var(--white);cursor:pointer;background:0 0;border:2px solid #fff6;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:background .12s;display:flex}.modal-close:hover{background:#ffffff26}.modal-body{flex:1;padding:22px;overflow-y:auto}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.9)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.form-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.8px;color:#555;font-size:11px;font-weight:800}.form-hint{color:#888;font-size:11px;font-weight:500}.form-input{border:2.5px solid var(--black);border-radius:var(--radius-sm);background:var(--white);width:100%;color:var(--black);box-shadow:var(--shadow-sm);box-sizing:border-box;outline:none;padding:9px 12px;font-family:Space Grotesk,sans-serif;font-size:13.5px;font-weight:600;transition:box-shadow .12s}.form-input:focus{box-shadow:3px 3px 0 var(--black)}.form-textarea{resize:vertical;min-height:80px;font-family:Space Grotesk,sans-serif}select.form-input{cursor:pointer}.form-actions{border-top:2px solid #eee;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:12px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-section-label{text-transform:uppercase;letter-spacing:1.5px;color:#999;border-bottom:2px solid #eee;margin:16px 0 10px;padding-bottom:6px;font-size:10px;font-weight:800}.pl-overlay{z-index:9999;background:#f5f5f0e0;justify-content:center;align-items:center;animation:.1s pl-fade-in;display:flex;position:fixed;inset:0}.pl-top-bar{background:var(--black);height:6px;position:absolute;top:0;left:0;right:0;overflow:hidden}.pl-top-fill{background:var(--green);width:45%;height:100%;animation:1s cubic-bezier(.4,0,.2,1) forwards pl-sweep;position:relative;left:-45%}.pl-card{background:var(--white);border:3px solid var(--black);box-shadow:8px 8px 0 var(--black);border-radius:16px;flex-direction:column;align-items:center;gap:14px;min-width:240px;padding:32px 40px 28px;animation:.18s cubic-bezier(.34,1.56,.64,1) pl-pop-in;display:flex}.pl-coin{background:var(--green);border:3px solid var(--black);width:52px;height:52px;box-shadow:3px 3px 0 var(--black);color:var(--black);border-radius:50%;justify-content:center;align-items:center;font-family:Space Mono,monospace;font-size:22px;font-weight:700;animation:1s steps(8,end) infinite pl-spin-coin;display:flex}.pl-label{color:var(--black);letter-spacing:2px;text-align:center;min-width:130px;font-family:Space Mono,monospace;font-size:16px;font-weight:700}.pl-track{gap:5px;display:flex}.pl-segment{border:2.5px solid var(--black);background:var(--bg);border-radius:3px;width:14px;height:14px;animation:1s step-end forwards pl-fill-seg}.pl-sub{color:#888;letter-spacing:3px;font-family:Space Mono,monospace;font-size:9px;font-weight:700}.pl-corner{border-color:var(--black);border-style:solid;border-width:0;width:20px;height:20px;position:absolute}.pl-corner--tl{border-top-width:3px;border-left-width:3px;top:16px;left:16px}.pl-corner--tr{border-top-width:3px;border-right-width:3px;top:16px;right:16px}.pl-corner--bl{border-bottom-width:3px;border-left-width:3px;bottom:16px;left:16px}.pl-corner--br{border-bottom-width:3px;border-right-width:3px;bottom:16px;right:16px}@keyframes pl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pl-sweep{0%{left:-45%}to{left:110%}}@keyframes pl-pop-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes pl-spin-coin{0%{transform:scaleX(1)}25%{transform:scaleX(.1)}50%{transform:scaleX(1)}75%{transform:scaleX(.1)}to{transform:scaleX(1)}}@keyframes pl-fill-seg{0%{background:var(--bg)}to{background:var(--green);border-color:var(--black)}}.login-container{background-color:var(--bg);box-sizing:border-box;background-image:radial-gradient(#d1d1c6 1.5px,#0000 1.5px);background-size:24px 24px;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:24px;display:flex;position:relative}.login-deco-1{background:var(--purple);border:3px solid var(--black);width:64px;height:64px;box-shadow:var(--shadow);position:absolute;top:12%;left:15%;transform:rotate(12deg)}.login-deco-2{background:var(--yellow);border:3px solid var(--black);width:80px;height:80px;box-shadow:var(--shadow);border-radius:50%;position:absolute;bottom:15%;right:12%;transform:rotate(-6deg)}@media (width<=768px){.login-deco-1,.login-deco-2{display:none}}.login-card-wrapper{z-index:10;width:100%;max-width:440px;position:relative}.login-card-shadow{background:var(--purple);border:2.5px solid var(--black);border-radius:var(--radius);position:absolute;inset:0;transform:translate(12px,12px)}.login-card{background:var(--white);border:2.5px solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow);box-sizing:border-box;flex-direction:column;gap:24px;padding:48px;display:flex;position:relative}.login-logo-mark{background:var(--green);border:3px solid var(--black);width:56px;height:56px;color:var(--black);box-shadow:var(--shadow);justify-content:center;align-items:center;font-size:24px;font-weight:800;transition:transform .2s;display:flex;transform:rotate(-3deg)}.login-logo-mark:hover{transform:rotate(3deg)}.login-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.login-title{color:var(--black);letter-spacing:-.5px;margin-top:8px;font-size:28px;font-weight:800}.login-badge{color:#64748b;text-transform:uppercase;letter-spacing:1.5px;background:#f1f5f9;border:1px solid #cbd5e1;margin-top:10px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.login-form{flex-direction:column;gap:20px;display:flex}.login-submit-btn{box-shadow:var(--shadow);border:3px solid var(--black);background:var(--green);cursor:pointer;color:var(--black);justify-content:center;align-items:center;margin-top:12px;padding:16px;font-size:14px;font-weight:800;transition:all .1s;display:flex}.login-submit-btn:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.login-submit-btn:active{box-shadow:var(--shadow-sm);transform:translate(2px,2px)}.pointer{cursor:pointer}.filter-active{color:var(--black)!important;font-weight:800!important}.filter-inactive{color:#888;font-weight:500}.redemption-list{flex-direction:column;gap:12px;display:flex}.redemption-card{border:2.5px solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow-sm);box-sizing:border-box;align-items:center;gap:16px;padding:16px 20px;display:flex}.redemption-card.pending{background:#fffbeb}.redemption-card.rejected{background:#fff5f5}.redemption-card.default{background:#fafafa}.redemption-icon{border-radius:var(--radius-sm);border:2.5px solid var(--black);background:var(--white);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.redemption-info{flex:1}.redemption-title-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.redemption-title{font-size:14px;font-weight:800}.redemption-badge-sz{font-size:10px}.redemption-subtitle{color:#555;font-size:12px;font-weight:600}.redemption-date{color:#888;margin-top:2px;font-size:11px}.redemption-status-sz{font-size:12px}.redemption-empty{text-align:center;color:#888;padding:48px;font-weight:600}.font-18{font-size:18px}.font-14{font-size:14px}.font-13{font-size:13px}.font-12{font-size:12px}.font-11{font-size:11px}.font-10{font-size:10px}.text-right{text-align:right}.flex-1{flex:1}.text-muted-gray{color:#999}.text-dark-gray{color:#555}.text-light-gray{color:#777}.text-empty-gray{color:#888}.flex-between-mt6{justify-content:space-between;margin-top:6px;display:flex}.flex-col-10{flex-direction:column;gap:10px;display:flex}.flex-col-12{flex-direction:column;gap:12px;display:flex}.flex-col-16{flex-direction:column;gap:16px;display:flex}.flex-center-12{align-items:center;gap:12px;display:flex}.flex-center-10{align-items:center;gap:10px;display:flex}.flex-center-8{align-items:center;gap:8px;display:flex}.capitalize-bold{text-transform:capitalize;font-weight:800}.max-w-180{max-w:180px}.max-h-540-scroll{max-height:540px;padding-right:4px;overflow-y:auto}.text-center-p40{text-align:center;padding:40px}.winner-card{background:#fafafa;border:2px solid #eee;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.rank-badge{border:2px solid #000;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:900;display:flex}.avatar-w-30{width:30px;height:30px}.avatar-w-24{width:24px;height:24px}.search-icon-sz{font-size:14px}.badge-sz-10{font-size:10px}.pulse-indicator{color:#f44;margin-right:8px;animation:1s infinite pulse}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.font-20{font-size:20px}.capitalize{text-transform:capitalize}.font-15{font-size:15px}.font-24{font-size:24px}.mt-4{margin-top:4px}.bg-white{background:#fff!important}.feed-item{border:2px solid #000;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:all .3s;display:flex;box-shadow:2px 2px #000}.live-alert-card{text-align:center;background:#eefaf3}.font-12-5{font-size:12.5px;font-weight:600}.font-22{font-size:22px}.font-28{font-size:28px}.uppercase{text-transform:uppercase}.mb-4{margin-bottom:4px}.flex-col-8{flex-direction:column;gap:8px;display:flex}.flex-col-6{flex-direction:column;gap:6px;display:flex}.flex-col-3{flex-direction:column;gap:3px;display:flex}.scratch-card-header-flex{flex-direction:column;gap:4px;display:flex}.card-title-text{letter-spacing:1px;font-size:11px;font-weight:900}.edit-input-mono{border:2px solid #000;border-radius:6px;outline:none;width:100%;padding:5px 8px;font-family:Space Mono,monospace;font-size:13px;font-weight:700}.card-description-text{color:#666;margin-bottom:12px;font-size:11px;font-weight:500;line-height:1.5}.preview-card-wrapper{border:2.5px solid #000;border-radius:12px;max-width:200px;margin:0 auto 8px;overflow:hidden;box-shadow:4px 4px #000}.preview-card-header{border-bottom:2px solid #000;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:64px;display:flex}.preview-card-title{letter-spacing:1px;font-size:10px;font-weight:900}.preview-card-body{background:#fff;padding:10px 14px}.modal-error-alert{color:#c00;background:#fff0f0;border:2px solid #f44;border-radius:8px;margin-bottom:8px;padding:8px 12px;font-size:12px;font-weight:700}.flex-col-20{flex-direction:column;gap:20px;display:flex}.flex-col-4{flex-direction:column;gap:4px;display:flex}.flex-gap-6{gap:6px;display:flex}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mt-6{margin-top:6px}.font-16{font-size:16px}.font-32{font-size:32px}.presets-wrapper{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.presets-label{color:#666;align-items:center;font-size:11px;font-weight:800;display:flex}.active-tier-card{border:3.5px solid #000!important;transform:translate(-2px,-2px)!important;box-shadow:6px 6px #000!important}.empty-placeholder-dashed{text-align:center;border:2px dashed #000;border-radius:8px;padding:32px}.empty-placeholder-dashed-sm{text-align:center;border:2.5px dashed #000;border-radius:8px;padding:24px}.category-card{cursor:pointer;background:#fff;border:2.5px solid #000;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .15s;display:flex}.category-card.selected{border-color:#000;box-shadow:4px 4px #000}.category-card.unselected{border-color:#444;box-shadow:2px 2px #ddd}.category-color-dot{border:1.5px solid #000;border-radius:6px;width:24px;height:24px}.toggle-sm{width:32px;height:18px}.toggle-thumb-sm{width:11px;height:11px}.toggle-xs{width:28px;height:16px}.toggle-thumb-xs{width:10px;height:10px}.grid-2-gap12{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.product-card{cursor:pointer;background:#fff;border:2.5px solid #000;border-radius:8px;padding:12px 14px;transition:all .15s}.product-card.selected{background:#fff9e6;box-shadow:4px 4px #000}.product-card.unselected{background:#fff;box-shadow:2px 2px #ccc}.text-center-p48-24{text-align:center;padding:48px 24px}.rewards-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-width:420px;margin:0 auto 20px;display:grid}.reward-cell{aspect-ratio:1;cursor:pointer;box-sizing:border-box;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;transition:all .1s;display:flex;position:relative;overflow:hidden}.reward-cell.editing{border:3.5px solid #000;transform:translate(-1px,-1px);box-shadow:4px 4px #000}.reward-cell.normal{border:2.5px solid #000;box-shadow:2px 2px #000}.reward-scratch-overlay{background:repeating-linear-gradient(45deg,#ccc,#ccc 10px,#bbb 10px 20px);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.editing-tag{color:#fff;background:#000;border-radius:4px;padding:1px 4px;font-size:8px;font-weight:900;position:absolute;top:4px;right:4px}.font-9-light-gray-bold-uppercase{color:#777;text-transform:uppercase;font-size:9px;font-weight:800}.reward-empty-text{color:#ef4444;text-align:center;padding:0 4px;font-size:11px;font-weight:900}.reward-coupon-text{color:#a855f7;text-align:center;word-break:break-all;padding:0 4px;font-size:11px;font-weight:900}.reward-cashback-text{color:#10b981;font-size:16px;font-weight:900}.big-win-tag{background:#fef08a;border:1px solid #000;border-radius:4px;margin-top:2px;padding:1px 3px;font-size:8px;font-weight:800}.border-top-black-2{border-top:2px solid #000;padding-top:16px}.reward-config-container{background:#f8f9fa;border:2px solid #000;border-radius:10px;padding:16px;box-shadow:2px 2px #000}.reward-toggle-btn{cursor:pointer;text-transform:uppercase;color:#000;background:#fff;border:2px solid #000;border-radius:8px;flex:1;padding:6px 12px;font-size:12px;font-weight:800}.reward-toggle-btn.active{color:#fff;background:#000}.input-mono-sm{border:2px solid #000;border-radius:6px;outline:none;padding:6px 10px;font-family:Space Mono,monospace;font-size:13px;font-weight:700}.grid-2-gap10{grid-template-columns:1fr 1fr;gap:10px;display:grid}.input-text-sm{border:2px solid #000;border-radius:6px;outline:none;padding:5px 8px;font-size:12px;font-weight:700}.input-mono-xs{border:2px solid #000;border-radius:6px;outline:none;padding:5px 8px;font-family:Space Mono,monospace;font-size:12px;font-weight:700}.empty-reward-note{color:#666;text-align:center;padding:8px 0;font-size:12px;font-weight:700}.info-note-box{color:#666;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;padding:8px;font-size:11px}.bg-mint{background:#e3f9e5!important}.required-star{color:var(--red);margin-left:2px}.flex-wrap-gap8{flex-wrap:wrap;gap:8px;display:flex}.color-swatch-item{cursor:pointer;border-radius:6px;width:28px;height:28px;transition:all .1s}.color-swatch-item.selected{border:3px solid #000;box-shadow:2px 2px #000}.color-swatch-item:not(.selected){box-shadow:none;border:2px solid #ccc}.check-group-item{cursor:pointer;color:#000;box-shadow:none;background:#fff;border:2.5px solid #000;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .12s}.check-group-item.checked{color:#fff;background:#000;box-shadow:2px 2px #555}.font-12-bold-gray{color:#888;font-size:12px;font-weight:600}.nav-item-disabled{opacity:.6;cursor:default}.reward-cell.scratched{background:#fff}.reward-cell.unscratched{background:#e0e0e0}.logout-btn{cursor:pointer;background:#ff8f8f;border:2px solid #000;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .1s;box-shadow:2px 2px #000}.logout-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #000}.logout-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.rewards-grid-setup{grid-template-columns:repeat(3,1fr);gap:12px;max-width:540px;margin:0 auto;display:grid}.reward-setup-cell{background:var(--white);border:2.5px solid var(--black);border-radius:var(--radius);height:80px;box-shadow:var(--shadow-sm);cursor:pointer;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.reward-setup-cell:hover{box-shadow:var(--shadow);transform:translate(-2px,-2px)}.reward-setup-cell.active{box-shadow:4px 4px 0 var(--black);background:#fffbeb;border-width:3.5px;transform:translate(-2px,-2px)}.cell-number{background:var(--black);color:var(--white);border-radius:3px;padding:1px 4px;font-family:Space Mono,monospace;font-size:9px;font-weight:800;line-height:1;position:absolute;top:4px;left:4px}.sim-scratch-btn{border:2px solid var(--black);width:100%;color:var(--black);cursor:pointer;background:#e5e5e5;border-radius:6px;padding:4px 8px;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:800;transition:all .1s}.sim-scratch-btn:hover{background:#dcdcdc}.sim-scratch-btn.scratched{background:var(--green);box-shadow:none}.reward-editor-box{border:2.5px solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fafafa;padding:16px}.product-card-row{background:var(--white);border:2.5px solid var(--black);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:12px 16px;transition:all .15s;display:flex}.product-card-row:hover{box-shadow:3px 3px 0 var(--black);transform:translate(-1px,-1px)}.product-card-row.selected{box-shadow:4px 4px 0 var(--black);background:#fffbeb}