:root{--bg:#06131b;--bg2:#091d28;--panel:#0b202b;--panel2:#112b36;--line:#254a55;--text:#f7fbff;--muted:#aec1c9;--mint:#51efd4;--pink:#ff62bd;--amber:#ffbf70;--danger:#ff657d;--blue:#72d9ff;--purple:#b587ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,2.3vw,42px);line-height:1.1;margin-bottom:6px}h2{font-size:21px;margin-bottom:16px}h3{font-size:16px;margin-bottom:10px}.muted{color:var(--muted)}.small{font-size:12px}.accent{color:var(--mint)}.pink-text{color:var(--pink)}.wrap{min-height:100vh;background:radial-gradient(circle at 80% 0%,#15303b 0,transparent 35%),linear-gradient(135deg,#07131d,#071923 55%,#06121a)}.shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:22px 16px;border-right:1px solid var(--line);background:linear-gradient(160deg,#07131d,#09202a 60%,#07131c)}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gj-space-1);width:168px;max-width:100%;min-width:0;margin-bottom:29px}.brand-image{display:block;width:100%;height:auto;object-fit:contain}.brand small{display:block;font-family:var(--gj-font);font-size:11px;font-weight:500;letter-spacing:0;color:var(--gj-text-2)}.side-list{display:grid;gap:5px}.nav-btn{width:100%;background:transparent;border:1px solid transparent;color:#e9f6fa;padding:12px 13px;border-radius:10px;display:flex;align-items:center;gap:14px;text-align:left;font-size:14px}.nav-btn .ni{font-size:22px;width:26px;text-align:center;color:#d6e8ed}.nav-btn:hover,.nav-btn.active{background:linear-gradient(90deg,#124b4c,#0a343d);border-color:#176a6b;color:#7fffe4;box-shadow:0 0 16px #10bcaa25}.nav-btn.active .ni{color:var(--mint)}.side-promo{margin-top:28px;min-height:150px;border:1px solid #2c7580;border-radius:14px;padding:20px;background:linear-gradient(145deg,#112a2e99,#0a1522bb),url('./assets/tacos.png') center/cover;font-size:18px;font-weight:700;line-height:1.4}.side-foot{position:absolute;bottom:18px;font-size:11px;color:var(--muted)}.main{min-width:0;padding:20px 26px 36px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.top-actions{display:flex;align-items:center;gap:14px}.search{min-width:250px;max-width:420px;width:min(30vw,420px);display:flex;gap:10px;align-items:center;padding:11px 14px;background:#122532;border:1px solid #345363;border-radius:12px;color:#a9c4cb}.search input{background:transparent;border:0;outline:0;color:white;width:100%;font-size:13px}.search input::placeholder{color:#adc0c8}.avatar{border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:#2e6870;color:white;font-weight:800}.profile-chip{display:flex;align-items:center;gap:10px;border:1px solid #2b4c57;border-radius:10px;background:#152630;padding:7px 11px;font-size:12px}.profile-chip span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.bell{font-size:24px;position:relative}.bell:after{content:'';position:absolute;right:0;top:0;width:7px;height:7px;background:var(--pink);border-radius:50%;box-shadow:0 0 7px var(--pink)}.card{border:1px solid #28525e;border-radius:14px;background:linear-gradient(145deg,#0d2531e8,#0a1b26ee);box-shadow:0 16px 30px #0002}.card.pad{padding:18px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.card-head h2,.card-head h3{margin:0}.link-btn{background:none;border:0;color:#79f8ed;font-size:12px;padding:4px}.link-btn:hover{text-decoration:underline}.btn{border:1px solid #4e6c78;color:#e8f7fa;background:#142733;border-radius:11px;padding:11px 17px;font-weight:700;font-size:13px;transition:.2s}.btn:hover{transform:translateY(-1px);filter:brightness(1.12)}.btn.mint{background:linear-gradient(120deg,#56ead8,#8df8d4);border:0;color:#082029;box-shadow:0 0 18px #31eac455}.btn.pink{background:linear-gradient(120deg,#ff83c9,#ff4bb3);border:0;color:#211522;box-shadow:0 0 18px #ff59b852}.btn.danger{border-color:#b94f6f;color:#ff9bb5}.btn.tiny{padding:6px 10px;font-size:11px;border-radius:7px}.btn.ghost{background:transparent}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.hero-business{min-height:122px;margin:-20px -26px 18px;padding:20px 26px;display:flex;align-items:center;background:linear-gradient(90deg,#06131bee 0,#06131bd9 46%,#06131b08 100%),url('./assets/tacos.png') center 51%/cover;border-bottom:1px solid #264954}.hero-business h1{margin:0 0 6px}.hero-business p{margin:0;max-width:620px}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.stat{padding:17px 18px;min-height:144px}.stat .stat-icon{font-size:29px;line-height:1;color:var(--mint);margin-bottom:9px}.stat:nth-child(2) .stat-icon,.stat:nth-child(6) .stat-icon{color:var(--pink)}.stat strong{display:block;font-size:29px;margin:6px 0}.stat span{font-size:12px}.up{color:var(--mint);font-weight:700}.down{color:var(--pink);font-weight:700}.grid-2{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1.15fr 1fr .86fr;gap:14px}.stack{display:grid;gap:14px}.section{margin-bottom:16px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{color:#b3c8ce;font-weight:500;text-align:left;border-bottom:1px solid #31515e;padding:9px 8px}.data-table td{padding:8px;border-bottom:1px solid #274450}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#ffffff08}.product-thumb{width:43px;height:43px;border-radius:9px;object-fit:cover;vertical-align:middle;margin-right:8px}.status{padding:3px 9px;border:1px solid var(--mint);border-radius:20px;color:#8cf9df;font-size:11px;white-space:nowrap}.status.review{border-color:#b4823c;color:#ffca75}.status.block{border-color:#9c4453;color:#ff8296}.bar-chart{display:flex;height:196px;align-items:end;gap:7px;padding:14px 4px 0;border-bottom:1px solid #395663;background:repeating-linear-gradient(to top,transparent 0,transparent 46px,#ffffff14 47px)}.bar{flex:1;min-width:5px;border-radius:2px 2px 0 0;background:linear-gradient(0deg,#148f89,#65f7da);box-shadow:0 0 12px #28eed633}.bar.pinkbar{background:linear-gradient(0deg,#774162,#ff65bd);box-shadow:0 0 11px #fa69c466}.chart-labels{display:flex;justify-content:space-between;color:#a9c2c8;font-size:11px;margin-top:8px}.line-chart{width:100%;height:184px;display:block}.line-chart .gridline{stroke:#315360;stroke-width:1}.line-chart .l1{fill:none;stroke:#61f7d7;stroke-width:3;filter:drop-shadow(0 0 5px #3cedca)}.line-chart .l2{fill:none;stroke:#ff68bd;stroke-width:3;filter:drop-shadow(0 0 5px #ff68bd)}.line-chart .l3{fill:none;stroke:#9560f7;stroke-width:3}.legend{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;margin-top:10px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.progress-row{display:grid;grid-template-columns:130px 1fr 42px;align-items:center;gap:12px;margin:10px 0;font-size:12px}.track{height:10px;background:#2c3d4a;border-radius:9px;overflow:hidden}.fill{height:100%;background:var(--mint);border-radius:9px}.fill.pink{background:var(--pink)}.fill.purple{background:var(--purple)}.fill.blue{background:var(--blue)}.fill.amber{background:var(--amber)}.field{display:grid;gap:6px;font-size:12px;color:#c2d5d9;margin-bottom:12px}.field input,.field select,.field textarea{background:#0b1c28;border:1px solid #385766;border-radius:9px;color:white;padding:11px;outline:0;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mint)}.field textarea{resize:vertical;min-height:80px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.tab{border:1px solid #3a5661;border-radius:8px;background:#122733;color:#cbdce1;padding:8px 11px;font-size:12px}.tab.active{background:#105852;color:#adffee;border-color:#36ddc6}.wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:14px}.steps{display:flex;justify-content:space-between;gap:5px;margin:18px 0}.step{display:grid;justify-items:center;gap:5px;color:#9eb9c1;font-size:11px;min-width:48px}.step b{border:1px solid #60808b;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:12px}.step.active b,.step.done b{background:var(--mint);border-color:var(--mint);color:#0b2830;box-shadow:0 0 14px #53ecd585}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{border:1px solid #395665;border-radius:10px;padding:12px;background:#152a36;text-align:center;color:white}.choice.selected{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint)}.choice .emoji{font-size:34px;display:block;margin-bottom:7px}.phone-preview{max-width:230px;min-height:390px;margin:auto;border:7px solid #02070d;border-radius:31px;background:#081923;box-shadow:0 0 0 2px #527078,0 20px 25px #0008;overflow:hidden;padding:15px 8px}.phone-notch{width:80px;height:14px;border-radius:30px;background:#02070d;margin:-11px auto 8px}.phone-img{height:130px;background:url('./assets/tacos.png') center/cover;border-radius:12px}.phone-preview h3{margin:12px 4px 3px}.phone-preview p{font-size:11px;color:#b6ccd0;margin:5px}.phone-preview .btn{margin:10px auto;display:block;width:90%}.switch{position:relative;display:inline-block;width:36px;height:20px;background:#48616b;border-radius:20px;vertical-align:middle;cursor:pointer}.switch.on{background:#16bdaa}.switch:after{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:white;transition:.2s}.switch.on:after{left:19px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:12px 2px;border-bottom:1px solid #2a4955;font-size:13px}.settings-row:last-child{border:0}.mini-card{border:1px solid #2e5260;border-radius:10px;background:#122934;padding:14px}.admin-stats{grid-template-columns:repeat(7,1fr)}.admin-stats .stat{min-height:105px;padding:13px}.admin-stats .stat strong{font-size:23px}.admin-stats .stat-icon{font-size:24px}.admin-grid{display:grid;grid-template-columns:1.3fr 1.1fr .95fr;gap:12px}.admin-grid .card{min-width:0}.admin-grid .card.pad{padding:13px}.admin-grid .card h2{font-size:16px}.admin-grid .data-table{font-size:11px}.admin-grid .data-table th,.admin-grid .data-table td{padding:6px 5px}.city-map{min-height:185px;background:radial-gradient(circle at 40% 52%,#0cf8ca55,transparent 3%),radial-gradient(circle at 51% 35%,#0cf8ca55,transparent 3%),radial-gradient(circle at 63% 64%,#0cf8ca55,transparent 3%),linear-gradient(140deg,#142734,#0b1d2a);border:1px solid #204653;border-radius:10px;display:grid;place-items:center;position:relative;overflow:hidden}.city-map:before{content:'MÉXICO';font-size:45px;font-weight:800;letter-spacing:9px;color:#1e525a;transform:rotate(-11deg)}.city-pin{position:absolute;left:40%;top:36%;color:var(--pink);font-size:30px;filter:drop-shadow(0 0 7px var(--pink))}.user-world{min-height:100vh;background:radial-gradient(circle at 50% -5%,#143640,transparent 45%),linear-gradient(140deg,#060e15,#091a22 70%,#071019);padding:24px}.user-top{max-width:1260px;margin:auto;display:flex;justify-content:space-between;align-items:center}.user-headline{text-align:center;margin:15px auto 28px}.user-headline .brand{justify-content:center;font-size:48px;margin-bottom:5px}.user-headline .brand-mark{font-size:54px}.user-headline p{font-size:21px}.user-layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:310px 310px 310px 310px;gap:16px;justify-content:center}.mobile{min-height:665px;max-width:370px;border:8px solid #02060c;outline:2px solid #597481;border-radius:42px;background:#07141d;box-shadow:0 25px 48px #000a,0 0 30px #5cf8db20;overflow:hidden;display:flex;flex-direction:column}.mobile .notch{width:100px;height:18px;margin:0 auto;background:#010407;border-radius:0 0 17px 17px}.mobile-head{padding:10px 16px}.mobile-head .brand{font-size:19px;margin:0}.mobile-head .brand-mark{font-size:27px}.mobile-head .brand small{font-size:9px}.mobile-scroll{overflow:auto;flex:1;padding:7px 12px 14px}.mobile-bottom{display:flex;justify-content:space-around;align-items:center;border-top:1px solid #2b4954;padding:11px 3px;background:#091b24}.mobile-bottom button{background:none;border:0;color:#c3d2d8;font-size:11px;display:grid;justify-items:center;gap:4px}.mobile-bottom button span{font-size:21px}.mobile-bottom button.active{color:var(--mint)}.mobile h2{font-size:17px;margin:9px 0}.mobile h3{font-size:15px}.mobile .tabs{gap:4px;margin:4px 0 10px}.mobile .tab{font-size:10px;padding:6px 8px}.reward-card{display:grid;grid-template-columns:40% 1fr;min-height:90px;margin-bottom:8px;border:1px solid #2f4b55;border-radius:12px;background:#12252b;overflow:hidden}.reward-img{background:url('./assets/tacos.png') center/cover}.reward-copy{padding:9px 8px}.reward-copy strong{display:block;font-size:12px;margin:5px 0}.reward-copy small{color:#bfd1d5;font-size:10px}.reward-copy .btn{float:right;padding:6px 10px;font-size:10px}.detail-hero{height:184px;background:url('./assets/tacos.png') center/cover;border-radius:12px;margin:2px 0 12px}.game-surface{height:340px;position:relative;background:linear-gradient(#0c172088,#1e0d14aa),url('./assets/tacos.png') center/cover;border:1px solid #305968;border-radius:14px;overflow:hidden;text-align:center}.fall-taco{font-size:40px;position:absolute;top:25%;left:calc(var(--x)*1%);transform:rotate(var(--r));filter:drop-shadow(0 7px 5px #0008)}.catcher{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);border:3px solid var(--mint);border-radius:9px;padding:11px 28px;background:#0b2529;font-weight:800}.winner{font-family:'Barlow Condensed',sans-serif;font-size:57px;text-align:center;color:var(--mint);text-shadow:0 0 18px #31d4bd;margin:15px 0}.qr{width:154px;height:154px;margin:10px auto;background:white;color:#111;display:grid;place-items:center;font-size:104px;line-height:1;border:9px solid white;image-rendering:pixelated}.center{text-align:center}.badge{border-radius:7px;background:#1b4a43;color:#8cfbe1;font-size:11px;padding:3px 8px}.user-explainer{max-width:1000px;text-align:center;margin:27px auto 0;color:#a8cbd0;font-size:12px;letter-spacing:3px;text-transform:uppercase}.system-home{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(#06131bc9,#06131be8),url('./assets/tacos.png') center/cover}.home-inner{max-width:980px;width:100%}.home-inner h1{font-size:52px}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.home-tile{padding:25px;min-height:230px;transition:.2s}.home-tile:hover{transform:translateY(-5px);border-color:var(--mint)}.home-tile b{font-size:40px}.home-tile h2{margin-top:15px}.toast{position:fixed;z-index:99;bottom:25px;right:25px;background:#123a3d;border:1px solid var(--mint);border-radius:11px;padding:13px 18px;box-shadow:0 15px 30px #0008;color:#dbfff6;font-size:13px}.empty{padding:25px;text-align:center;color:#a4bbc2}.menu-toggle{display:none}.mobile-only{display:none}
@media(max-width:1250px){.stat-grid{grid-template-columns:repeat(3,1fr)}.admin-stats{grid-template-columns:repeat(4,1fr)}.admin-grid{grid-template-columns:1fr 1fr}.admin-grid>div:nth-child(3n){grid-column:span 2}.user-layout{grid-template-columns:repeat(2,310px)}}
@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:20;left:-265px;transition:.25s;width:258px}.sidebar.open{left:0}.menu-toggle{display:inline-flex}.main{padding:16px}.hero-business{margin:-16px -16px 16px;padding:20px 16px}.grid-2,.grid-3,.admin-grid{grid-template-columns:1fr}.admin-grid>div:nth-child(3n){grid-column:auto}.topbar{align-items:flex-start}.top-actions{gap:8px}.search{min-width:0;width:190px}.profile-chip{display:none}}
@media(max-width:650px){.stat-grid,.admin-stats{grid-template-columns:repeat(2,1fr)}.stat{min-height:115px;padding:12px}.stat strong{font-size:23px}.main{padding:12px}.hero-business{margin:-12px -12px 12px}.wizard-layout,.form-grid,.choice-grid,.home-grid{grid-template-columns:1fr}.phone-preview{display:none}.user-world{padding:12px}.user-headline .brand{font-size:34px}.user-headline .brand-mark{font-size:38px}.user-layout{grid-template-columns:1fr}.user-layout .mobile{width:100%;max-width:420px;margin:auto}.user-layout .mobile:not(.primary){display:none}.mobile-only{display:block}.home-inner h1{font-size:37px}.data-table{display:block;overflow:auto;white-space:nowrap}.progress-row{grid-template-columns:100px 1fr 32px}}
/* Viewport adjustments for the dense reference dashboards. */
.catcher{color:#fff}
@media(max-width:1500px){.admin-grid{grid-template-columns:1fr 1fr}.admin-grid>div:nth-child(3n){grid-column:span 2}.admin-stats{grid-template-columns:repeat(4,1fr)}.wizard-layout{grid-template-columns:1fr}.wizard-layout>.mini-card{display:none}}
@media(max-width:1350px){.admin-grid{grid-template-columns:1fr}.admin-grid>div:nth-child(3n){grid-column:auto}}
@media(max-width:850px){.admin-grid{grid-template-columns:1fr}.admin-grid>div:nth-child(3n){grid-column:auto}}
@media(max-width:650px){.user-world{padding:8px}.user-top,.user-headline,.user-explainer{display:none}.user-layout .mobile{height:calc(100dvh - 20px);min-height:0}.mobile-scroll{min-height:0}}