:root{--bg:#f9f7f4;--card:#fff;--ink:#1e1510;--ink2:#6b5d52;--muted:#9a8878;--brand:#b85c15;--brand-d:#8b4210;--brand-light:#fdece0;--espresso:#1c1208;--espresso-2:#2a1a0d;--line:#ece6db;--green:#16a34a;--green-bg:#dcfce7;--amber:#d97706;--amber-bg:#fef3c7;--blue:#2563eb;--blue-bg:#eff6ff;--red:#dc2626;--red-bg:#fee2e2;--shadow-sm:0 1px 2px #2b1a0a0d, 0 1px 1px #2b1a0a0a;--shadow-md:0 2px 6px #2b1a0a0f, 0 8px 20px -6px #2b1a0a1f;--shadow-lg:0 6px 16px #2b1a0a1a, 0 16px 36px -12px #2b1a0a2e;--shadow-brand:0 6px 18px -4px #b85c1561;--radius:16px;--radius-sm:10px;--radius-lg:20px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px}*{box-sizing:border-box}html,body{overflow-x:hidden}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}.wrap{max-width:1000px;padding:0 var(--sp-4);margin:0 auto}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-5);box-shadow:var(--shadow-sm)}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:800}p{line-height:1.45}button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}button:active{transform:scale(.97)}input,select{border-radius:var(--radius-sm);border:1px solid var(--line);color:var(--ink);background:#fff;outline:none;width:100%;padding:11px 12px;font-family:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-light)}.btn{background:var(--brand);color:#fff;border-radius:var(--radius-sm);letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:700;transition:background-color .18s,transform .12s,box-shadow .18s;display:inline-flex}.btn:hover{background:var(--brand-d)}.btn:disabled{opacity:.5;transform:none}.btn:disabled:active{transform:none}.btn.exito{background:var(--green)}.btn-ghost{color:var(--ink2);border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s,background-color .15s}.btn-ghost:hover{border-color:var(--brand);color:var(--brand-d);background:var(--brand-light)}.pill{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:11px;font-weight:800}.top{background:linear-gradient(160deg, var(--espresso-2) 0%, var(--espresso) 55%, #150d05 100%);color:#f3e7d8;padding:14px 0;position:relative;box-shadow:inset 0 2px #b85c1540}.top:after{content:"";background:linear-gradient(90deg,#0000,#b85c1580,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.top .wrap{justify-content:space-between;align-items:center;gap:10px;display:flex}.top .logo{border-radius:6px;width:auto;height:32px;display:block;box-shadow:0 1px 3px #00000040}.tag{text-transform:uppercase;letter-spacing:.06em;color:var(--brand-d);background:var(--brand-light);border-radius:7px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px 8px;font-size:14px}th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:10.5px;font-weight:800}tbody tr{transition:background-color .12s}tbody tr:hover{background:#fbf8f3}.seg{border:1px solid var(--line);border-radius:var(--radius-sm);flex-wrap:wrap;display:inline-flex;overflow:hidden}.seg button{color:var(--ink2);background:#fff;border:none;padding:9px 13px;font-size:14px;font-weight:600;transition:background-color .15s,color .15s}.seg button.on{background:var(--brand);color:#fff}.muted{color:var(--muted)}.small{font-size:12.5px}.rojo{color:var(--red);font-weight:700}.verde{color:var(--green);font-weight:700}.seccion-titulo{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:22px 2px 10px;font-size:12.5px;font-weight:800}.grilla-tipos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.tile-wrap{position:relative}.tile{border:1.5px solid var(--line);border-radius:var(--radius);text-align:center;width:100%;min-height:88px;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;appearance:none;box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px 8px;font-size:13px;font-weight:700;transition:transform .1s,border-color .2s,box-shadow .2s,background-color .2s;display:flex}.tile:active{background:var(--brand-light);border-color:var(--brand);transform:scale(.95)}.tile.flash{animation:.45s tileFlash}.tile .emoji{font-size:27px;line-height:1}.badge{background:var(--brand);color:#fff;pointer-events:none;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:27px;height:27px;padding:0 6px;font-size:13px;font-weight:800;display:flex;position:absolute;top:-9px;right:-9px;box-shadow:0 2px 6px #b85c1580}.badge.pop{animation:.32s cubic-bezier(.34,1.56,.64,1) badgePop}.menos{border:1.5px solid var(--line);width:27px;height:27px;color:var(--ink2);appearance:none;box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;justify-content:center;align-items:center;font-size:15px;font-weight:800;line-height:1;transition:border-color .15s,color .15s;display:flex;position:absolute;bottom:-9px;left:-9px}.menos:active{border-color:var(--brand);color:var(--brand-d)}@keyframes tileFlash{0%{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-light)}to{border-color:var(--line);box-shadow:var(--shadow-sm)}}@keyframes badgePop{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.92)}to{transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes checkDraw{0%{opacity:0;transform:scale(.5)rotate(-10deg)}60%{opacity:1;transform:scale(1.15)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:20;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#ffffffeb;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #2b1a0a0f}.navbar a{color:var(--muted);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 4px;font-size:10.5px;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.navbar a .ic{border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;transition:background-color .2s,transform .2s;display:flex}.navbar a.on{color:var(--brand-d)}.navbar a.on .ic{background:var(--brand-light);transform:translateY(-1px)}.navbar a:active .ic{transform:scale(.92)}.contenido{padding:var(--sp-5) var(--sp-4) 96px}.listo-bar{pointer-events:none;z-index:19;justify-content:flex-end;display:flex;position:fixed;bottom:74px;left:0;right:16px}.listo-bar .btn{pointer-events:auto;box-shadow:var(--shadow-brand);border-radius:999px;min-width:150px;padding:15px 24px;font-size:15.5px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);color:var(--ink2);background:#fff;border-radius:999px;min-height:40px;padding:9px 15px;font-size:13px;font-weight:700;transition:background-color .15s,color .15s,border-color .15s,transform .1s}.chip.on{background:var(--espresso);color:#fff;border-color:var(--espresso)}.chip:active{transform:scale(.96)}.toast{background:var(--green);color:#fff;box-shadow:var(--shadow-lg);z-index:40;border-radius:999px;padding:11px 20px;font-size:14px;font-weight:800;animation:.25s cubic-bezier(.34,1.56,.64,1) popIn;position:fixed;top:16px;left:50%;transform:translate(-50%)}.empty-state{text-align:center;padding:var(--sp-8) var(--sp-4);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.empty-state .ic{margin-bottom:4px;font-size:40px;line-height:1}.empty-state .titulo{color:var(--ink);font-size:15px;font-weight:800}.empty-state .sub{color:var(--muted);font-size:13px}.diff-ok{color:var(--green);font-size:12.5px;font-weight:800;transition:color .15s}.diff-off{color:var(--brand-d);font-size:12.5px;font-weight:800;transition:color .15s}.login-logo{animation:.6s cubic-bezier(.22,1,.36,1) both logoEnter}@keyframes logoEnter{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.search{position:relative}.search input{padding-left:38px}.search .ic{color:var(--muted);pointer-events:none;font-size:15px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.autocomplete-list{opacity:0;flex-direction:column;gap:6px;max-height:0;margin-top:0;transition:max-height .28s,opacity .2s,margin-top .28s;display:flex;overflow-y:auto}.autocomplete-list.open{opacity:1;max-height:318px;margin-top:8px}.nombre-row{border:1.5px solid var(--line);border-radius:var(--radius-sm);text-align:left;width:100%;min-height:48px;color:var(--ink);appearance:none;background:#fff;flex-shrink:0;align-items:center;padding:12px 14px;font-size:14px;font-weight:700;transition:border-color .15s,background-color .15s;display:flex}.nombre-row:active{background:var(--brand-light);border-color:var(--brand)}.nombre-chip{border:2px solid var(--brand);border-radius:var(--radius-sm);background:var(--brand-light);color:var(--brand-d);justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;font-size:14.5px;font-weight:800;animation:.2s popIn;display:flex;box-shadow:0 4px 12px -3px #b85c1559}.login-err{color:var(--red);align-items:center;gap:5px;margin-top:10px;font-size:13px;font-weight:700;display:flex}.shake{animation:.4s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@media (max-width:600px){.hide-sm{display:none}}