@font-face{font-family:inter;src:url(../media/inter_latin_wght_normal-s.p.0rpdhg_4ubdtf.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:inter Fallback;src:local(Arial);ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.0%;size-adjust:107.89%}.uf5Wva_className{font-family:inter,inter Fallback}.uf5Wva_variable{--font-inter:"inter", "inter Fallback"}
:root{--bg-page:#fff;--bg-soft:#f5f5f7;--bg-surface:#fff;--fg-default:#0b1d37;--fg-muted:#5b6475;--fg-subtle:#8a92a0;--azul-claro:#01aefc;--azul-oscuro:#0b1d37;--azul-nube:#ebf6fe;--mint:#3fd9b8;--accent-strong:#0070a3;--accent-strong-hover:#006999;--accent-tint:#01aefc1a;--on-accent:#fff;--gradient-cyan-mint:linear-gradient(135deg, #01aefc 0%, #3fd9b8 100%);--slate-50:#f5f5f7;--slate-100:#edeef1;--slate-200:#e1e3e8;--slate-300:#c9cdd5;--slate-400:#8a92a0;--slate-500:#5b6475;--slate-600:#434b5a;--slate-700:#2d3442;--slate-800:#1a2030;--slate-900:var(--azul-oscuro);--success:#1fb57a;--success-text:#147a4a;--success-tint:#1fb57a1f;--warning:#f2a93b;--warning-text:#8a5a00;--warning-tint:#f2a93b29;--danger:#e5484d;--danger-text:#c4262e;--danger-tint:#e5484d1a;--info:var(--azul-claro);--info-text:var(--accent-strong);--info-tint:var(--accent-tint);--macro-proteina:#0f7a5a;--macro-carbos:#9a6300;--macro-grasa:#7a4fbf;--font-display:var(--font-inter), Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body:var(--font-display);--fw-regular:400;--fw-medium:500;--fw-bold:600;--fs-dense-1:11px;--fs-dense-2:12px;--fs-dense-3:13px;--fs-dense-4:14px;--fs-dense-5:15px;--fs-title-block:17px;--fs-title-modal:22px;--fs-title-page:28px;--ls-title-page:-.02em;--lh-dense:1.43;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:160px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:22px;--radius-xl:28px;--radius-pill:999px;--border-light:#0b1d3714;--shadow-sm:0 1px 2px #0b1d370d;--shadow-md:0 1px 2px #0b1d370a, 0 8px 24px -12px #0b1d371f;--shadow-lg:0 0 0 1px #0b1d370d, 0 24px 64px -24px #0b1d3740;--focus-ring:0 0 0 4px #01aefc59;--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--ease-sheet:cubic-bezier(.32, .72, 0, 1);--dur-quick:.1s;--dur-fast:.18s;--dur-base:.28s;--dur-slow:.45s;--sidebar-w:248px;--sidebar-w-collapsed:64px;--panel-inbox-w:340px;--panel-file-w:400px;--panel-gap:0px;--container-max:1260px}
*,:before,:after{box-sizing:border-box}html{font-optical-sizing:auto;-webkit-text-size-adjust:100%}body{background:var(--bg-page);color:var(--fg-default);font-family:var(--font-body);font-size:var(--fs-dense-4);line-height:var(--lh-dense);margin:0}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-xs);outline:none}a{color:var(--accent-strong);text-decoration:none}a:hover{color:var(--accent-strong-hover)}.tabular{font-variant-numeric:tabular-nums}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-surface);color:var(--fg-default);font:inherit;font-weight:var(--fw-medium);cursor:pointer;transition:background var(--dur-fast) var(--ease-out-quint), transform var(--dur-quick);display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-strong-hover)}.state{min-height:100dvh;padding:var(--space-6);background:var(--bg-soft);place-items:center;display:grid}.state-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;max-width:440px;padding:var(--space-7);text-align:center}.state-card h1{font-size:var(--fs-title-modal);font-weight:var(--fw-bold);margin:var(--space-4) 0 var(--space-2);letter-spacing:-.01em}.state-card p{color:var(--fg-muted);margin:0 0 var(--space-5)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:var(--danger-text);border-color:var(--danger-tint)}.btn-ghost{background:0 0;border-color:#0000}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--fs-dense-3)}.shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100dvh;display:grid}.sidebar{background:var(--bg-soft);border-right:1px solid var(--border-light);padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:var(--space-2);font-weight:var(--fw-bold);font-size:var(--fs-dense-5);padding:var(--space-2) var(--space-3) var(--space-4);display:flex}.sidebar-brand .dot{border-radius:var(--radius-xs);background:var(--gradient-cyan-mint);width:22px;height:22px}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--fg-default);font-weight:var(--fw-medium);display:flex}.nav-item:hover{background:var(--slate-100);color:var(--fg-default)}.nav-item[aria-current=page]{background:var(--bg-surface);box-shadow:var(--shadow-sm);color:var(--accent-strong)}.nav-item svg{flex:none;width:18px;height:18px}.sidebar-foot{gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border-light);font-size:var(--fs-dense-3);color:var(--fg-muted);flex-direction:column;margin-top:auto;display:flex}.main{flex-direction:column;min-width:0;display:flex}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-7);border-bottom:1px solid var(--border-light);background:var(--bg-surface);z-index:5;display:flex;position:sticky;top:0}.topbar h1{font-size:var(--fs-title-block);font-weight:var(--fw-bold);margin:0}.content{padding:var(--space-7);max-width:var(--container-max);width:100%}.page-title{font-size:var(--fs-title-page);letter-spacing:var(--ls-title-page);font-weight:var(--fw-bold);margin:0 0 var(--space-2)}.page-sub{color:var(--fg-muted);margin:0 0 var(--space-6)}.banner{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-7);font-weight:var(--fw-medium);display:flex}.banner-support{background:var(--warning-tint);color:var(--warning-text)}.banner-danger{background:var(--danger-tint);color:var(--danger-text)}.grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card h2,.card h3{margin:0 0 var(--space-2);font-size:var(--fs-title-block);font-weight:var(--fw-bold)}.card p{margin:0 0 var(--space-3);color:var(--fg-muted)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.spacer{flex:1}.kpi{font-size:var(--fs-title-page);font-weight:var(--fw-bold);letter-spacing:var(--ls-title-page);font-variant-numeric:tabular-nums}.muted{color:var(--fg-muted)}.small{font-size:var(--fs-dense-2)}.chip{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--fs-dense-2);font-weight:var(--fw-medium);background:var(--slate-100);color:var(--slate-600);display:inline-flex}.chip-success{background:var(--success-tint);color:var(--success-text)}.chip-warning{background:var(--warning-tint);color:var(--warning-text)}.chip-danger{background:var(--danger-tint);color:var(--danger-text)}.chip-info{background:var(--info-tint);color:var(--info-text)}.field{gap:var(--space-1);flex-direction:column;display:flex}.field label{font-weight:var(--fw-medium);font-size:var(--fs-dense-3)}.field .hint{color:var(--fg-muted);font-size:var(--fs-dense-2)}.input,.select{font:inherit;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--slate-300);background:var(--bg-surface);color:var(--fg-default);min-height:38px}.input:focus,.select:focus{box-shadow:var(--focus-ring);border-color:var(--accent-strong);outline:none}.check{gap:var(--space-2);align-items:flex-start;display:flex}.form-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.table{border-collapse:collapse;width:100%}.table th{text-align:left;font-size:var(--fs-dense-2);color:var(--fg-muted);font-weight:var(--fw-medium);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-light)}.table td{padding:var(--space-3);border-bottom:1px solid var(--border-light);vertical-align:middle}.table .num{text-align:right;font-variant-numeric:tabular-nums}.alert{border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}.alert-error{background:var(--danger-tint);color:var(--danger-text)}.alert-ok{background:var(--success-tint);color:var(--success-text)}.alert-info{background:var(--info-tint);color:var(--info-text)}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border-light);margin-bottom:var(--space-6);display:flex}.tab{padding:var(--space-2) var(--space-3);color:var(--fg-muted);font-weight:var(--fw-medium);border-bottom:2px solid #0000}.tab[aria-current=page]{color:var(--accent-strong);border-bottom-color:var(--accent-strong)}.swatch{border-radius:var(--radius-sm);border:1px solid var(--border-light);width:38px;height:38px}.preview-phone{border-radius:var(--radius-xl);border:1px solid var(--border-light);width:260px;box-shadow:var(--shadow-md);background:var(--bg-surface);overflow:hidden}.preview-phone .head{background-position:50%;background-size:cover;height:90px}.preview-phone .body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.thumb{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-soft);width:64px;height:64px}.spinner{border:2px solid var(--slate-200);border-top-color:var(--accent-strong);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:860px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border-light);height:auto;padding:var(--space-2);flex-direction:row;position:static;overflow-x:auto}.sidebar-brand,.sidebar-foot{display:none}.nav-item span{white-space:nowrap}.topbar,.content,.banner{padding-left:var(--space-4);padding-right:var(--space-4)}}.spin-icon{animation:.9s linear infinite spin}.state-card svg{width:28px;height:28px;color:var(--accent-strong)}
