@import "https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;900&family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap";:root{--hato-monte700:#0e5a2e;--hato-pasto600:#0f7a38;--hato-hierro:#be5a1c;--hato-hueso:#f3eee3;--hato-tinta:#171513;--hato-cielo:#1e6fb8;--hato-danger:#c62828;--hato-warning:#b26a00;--hato-monte050:#e9f1ec;--hato-monte100:#d2e6d9;--hato-monte500:#1b8a45;--hato-monte800:#07381f;--hato-monte900:#052a17;--hato-hierro050:#fbede2;--hato-hierro100:#f1d9c6;--hato-hierro500:#ce6620;--hato-hierro600:#b0521a;--hato-hierro700:#9c4713;--hato-gris100:#eceef0;--hato-gris300:#cbd0d4;--hato-gris500:#6b7178;--hato-gris700:#3a3f44;--hato-huesoQuiet:#faf7f0;--hato-huesoCard:#fbf8f2;--hato-tintaMuted:#5a544c;--hato-dangerBg:#fbe9e9;--hato-warningBg:#f7eddb;--hato-infoBg:#e5f0f8;--hato-surfaceSunk:#f0f2f3;--hato-surfaceWarm:#f3eee3;--hato-surfaceWarmCard:#fbf8f2;--hato-ground-field:#fff;--hato-ground-surface:#fff;--hato-ground-web:#f3eee3;--hato-ground-brand:#0e5a2e;--hato-bg:#fff;--hato-surface:#fff;--hato-border:#c7cdd1;--hato-text:#16191c;--hato-text-muted:#4a5159;--hato-on-primary:#fff;--hato-on-hierro:#fff;--hato-success:#0f7a38;--hato-info:#1e6fb8;--hato-sync:#1e6fb8;--hato-offline:#b26a00;--hato-pending:#b26a00;--hato-void:#c62828;--hato-withdrawal:#c62828;--hato-flag-bg:#eceff1;--hato-flag-text:#455a64;--hato-space-xs:4px;--hato-space-sm:8px;--hato-space-md:16px;--hato-space-lg:24px;--hato-space-xl:32px;--hato-space-2xl:48px;--hato-touch-min:48px;--hato-touch-field:64px;--hato-action-tile:96px;--hato-radius-none:0px;--hato-radius-sm:6px;--hato-radius-md:8px;--hato-radius-lg:12px;--hato-radius-xl:16px;--hato-radius-pill:9999px;--hato-font-display:"Archivo", system-ui, sans-serif;--hato-font-body:"Inter", system-ui, sans-serif;--hato-font-stamp:"DM Mono", ui-monospace, monospace;--hato-text-display:64px;--hato-text-h1:44px;--hato-text-h2:30px;--hato-text-h3:22px;--hato-text-lg:18px;--hato-text-md:16px;--hato-text-sm:14px;--hato-text-appDisplay:28px;--hato-text-appTitle:22px;--hato-text-appNumericXl:34px;--hato-text-appBodyLg:18px;--hato-text-appBody:16px;--hato-text-appLabel:14px;--hato-weight-regular:400;--hato-weight-medium:500;--hato-weight-semibold:600;--hato-weight-bold:700;--hato-weight-black:900;--hato-duration-fast:.12s;--hato-duration-base:.15s;--hato-duration-slow:.2s;--hato-duration-stamp:.25s;--hato-ease:cubic-bezier(.2, .7, .3, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background:radial-gradient(circle at 12% 0%, #0f7a3814, transparent 280px), var(--hato-ground-web);color:var(--hato-text);font-family:var(--hato-font-body);font-size:var(--hato-text-md);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-wrap:anywhere;min-width:0;margin:0;line-height:1.5}img,svg,video,canvas,iframe{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--hato-cielo);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--hato-font-display);font-weight:var(--hato-weight-semibold);color:var(--hato-tinta);margin:0;line-height:1.15}p{margin:0}table{border-collapse:collapse}.stamp{font-family:var(--hato-font-stamp);font-feature-settings:"tnum" 1;letter-spacing:.04em}.stamp--hierro{color:var(--hato-hierro)}.stamp--id{font-family:var(--hato-font-stamp);color:var(--hato-hierro);font-weight:var(--hato-weight-medium);letter-spacing:.06em}:focus-visible{outline:2px solid var(--hato-pasto600);outline-offset:2px;border-radius:var(--hato-radius-sm)}.skip-link{z-index:1000;background:var(--hato-monte700);color:#fff;border-radius:var(--hato-radius-sm);transition:top var(--hato-duration-base) var(--hato-ease);padding:8px 16px;position:absolute;top:-48px;left:8px}.skip-link:focus{text-decoration:none;top:8px}.btn{border-radius:var(--hato-radius-sm);min-height:40px;font-weight:var(--hato-weight-semibold);cursor:pointer;transition:background var(--hato-duration-fast) var(--hato-ease), border-color var(--hato-duration-fast) var(--hato-ease), transform var(--hato-duration-fast) var(--hato-ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--hato-pasto600);color:#fff;box-shadow:0 8px 20px #0f7a3829}.btn--primary:hover:not(:disabled){background:var(--hato-monte700)}.app-fatal{background:var(--hato-hueso);place-items:center;min-height:100dvh;padding:24px;display:grid}.app-fatal__card{border:1px solid var(--hato-border);border-radius:var(--hato-radius-md);background:#fff;justify-items:start;gap:16px;width:min(100%,520px);padding:28px;display:grid;box-shadow:0 10px 32px #1715131f}.app-fatal__brand{width:136px;height:auto}.app-fatal__icon{width:48px;height:48px;color:var(--hato-warning);background:var(--hato-warningBg);border-radius:var(--hato-radius-sm);place-items:center;display:grid}.app-fatal__card h1,.app-fatal__card p{margin:0}.app-fatal__actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=480px){.app-fatal{padding:16px}.app-fatal__card{padding:22px}.app-fatal__actions,.app-fatal__actions .btn{width:100%}}.btn--ghost{background:var(--hato-surface);border-color:var(--hato-border);color:var(--hato-tinta)}.btn--ghost:hover:not(:disabled){background:var(--hato-huesoQuiet);border-color:#0f7a3847}.btn--subtle{color:var(--hato-text-muted);padding:0 8px}.btn--subtle:hover:not(:disabled){color:var(--hato-tinta)}.surface{background:var(--hato-surface);border:1px solid var(--hato-border);border-radius:var(--hato-radius-md);min-width:0;box-shadow:0 8px 22px #1715130a}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:16px;display:grid}.chip{border-radius:var(--hato-radius-pill);font-size:var(--hato-text-sm);font-weight:var(--hato-weight-semibold);white-space:nowrap;align-items:center;gap:6px;padding:2px 10px;display:inline-flex}.chip--flag{background:var(--hato-flag-bg);color:var(--hato-flag-text)}.chip--success{color:var(--hato-pasto600);background:#0f7a381f}.chip--pending{color:var(--hato-warning);background:#b26a0024}.chip--danger{color:var(--hato-danger);background:#c628281f}.chip--info{color:var(--hato-cielo);background:#1e6fb81f}.field-label{font-size:var(--hato-text-sm);font-weight:var(--hato-weight-medium);color:var(--hato-text-muted);margin-bottom:6px;display:block}.input,.select{width:100%;min-height:44px;font-size:max(16px, var(--hato-text-md));background:var(--hato-surface);border:1px solid var(--hato-border);border-radius:var(--hato-radius-sm);transition:border-color var(--hato-duration-fast) var(--hato-ease);outline:none;padding:0 12px}.input:focus,.select:focus{border-color:var(--hato-pasto600);box-shadow:0 0 0 3px #0f7a381a}.input[aria-invalid=true]{border-color:var(--hato-danger)}.field-error{color:var(--hato-danger);font-size:var(--hato-text-sm);align-items:center;gap:6px;margin-top:6px;display:flex}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.dtable{width:100%;min-width:680px;font-size:var(--hato-text-sm)}.dtable thead th{text-align:left;font-weight:var(--hato-weight-semibold);color:var(--hato-text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--hato-huesoQuiet);border-bottom:1px solid var(--hato-border);z-index:1;padding:12px 14px;font-size:12px;position:sticky;top:0}.dtable tbody tr{border-bottom:1px solid var(--hato-border);transition:background var(--hato-duration-fast) var(--hato-ease)}.dtable tbody tr:hover{background:var(--hato-huesoQuiet)}.dtable tbody tr:focus-visible{outline:2px solid var(--hato-pasto600);outline-offset:-2px}.dtable td,.dtable tbody th{vertical-align:middle;text-align:left;padding:10px 14px}.drawer-scrim{z-index:800;animation:hato-fade var(--hato-duration-base) var(--hato-ease);background:#17151366;justify-content:flex-end;display:flex;position:fixed;inset:0}@keyframes hato-fade{0%{opacity:0}to{opacity:1}}.drawer{isolation:isolate;contain:paint;background:var(--hato-surface);opacity:1;overscroll-behavior:contain;background-clip:padding-box;width:100%;max-width:480px;height:100%;padding:20px;position:relative;overflow-y:auto;box-shadow:-8px 0 28px #0000002e}.drawer:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:#fff;position:absolute;inset:0}.drawer>*{z-index:1;position:relative}.drawer__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.drawer__meta{border-bottom:1px solid var(--hato-border);flex-direction:column;gap:4px;margin-bottom:12px;padding-bottom:12px;display:flex}.drawer__meta .stamp{font-size:var(--hato-text-h3)}.drawer__foot{border-top:1px solid var(--hato-border);font-size:var(--hato-text-sm);margin-top:16px;padding-top:12px}.skeleton{border-radius:var(--hato-radius-sm);background:linear-gradient(90deg,#ece7db 25%,#f4efe5 37%,#ece7db 63%) 0 0/400% 100%;animation:1.4s infinite hato-shimmer}@keyframes hato-shimmer{0%{background-position:100%}to{background-position:0}}@keyframes hato-stamp-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.stamp-in{animation:hato-stamp-in var(--hato-duration-stamp) var(--hato-ease)}.muted{color:var(--hato-text-muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.row{align-items:center;min-width:0;display:flex}.gap-sm{gap:8px}.gap-md{gap:16px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=640px){.btn,.input,.select,button,a.tap,[role=button]{min-height:44px}.table-wrap--cards{overflow-x:visible}.table-wrap--cards .dtable{border-collapse:separate;border-spacing:0 12px;min-width:0}.table-wrap--cards .dtable,.table-wrap--cards .dtable thead,.table-wrap--cards .dtable tbody,.table-wrap--cards .dtable tr,.table-wrap--cards .dtable th,.table-wrap--cards .dtable td{display:block}.table-wrap--cards .dtable thead{position:absolute;left:-9999px}.table-wrap--cards .dtable tbody tr{border:1px solid var(--hato-border);border-radius:var(--hato-radius-md);background:var(--hato-surface);overflow:hidden;box-shadow:0 8px 22px #1715130b}.table-wrap--cards .dtable tbody th,.table-wrap--cards .dtable td{border:0;border-bottom:1px solid var(--hato-border);text-align:right;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;display:flex}.table-wrap--cards .dtable tbody th:last-child,.table-wrap--cards .dtable td:last-child{border-bottom:0}.table-wrap--cards .dtable tbody th:before,.table-wrap--cards .dtable td:before{content:attr(data-label);font-family:var(--hato-font-body);font-weight:var(--hato-weight-semibold);color:var(--hato-text-muted);letter-spacing:0;text-align:left;min-width:7rem}.table-wrap--cards .dtable .chip{white-space:normal;text-align:right}.drawer-scrim{justify-content:stretch;align-items:flex-end}.drawer{border-radius:var(--hato-radius-xl) var(--hato-radius-xl) 0 0;max-width:none;height:auto;max-height:90svh;padding:18px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -12px 32px #1715132e}.page-head{margin-bottom:var(--hato-space-md);align-items:flex-start}.page-head>.row{flex-wrap:wrap;width:100%}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (width<=360px){.kpi-grid{grid-template-columns:1fr}}.brand-logo{object-fit:contain;flex:none;display:block}.brand-logo--lockup{width:118px;height:auto}.brand-logo--mark{width:34px;height:40px}.brand-logo--inverse-lockup{color:#fff;align-items:center;gap:5px;width:auto;height:44px;display:inline-flex}.brand-logo--inverse-lockup .brand-logo__mark{object-fit:contain;flex:none;width:38px;height:44px}.brand-logo--inverse-lockup .brand-logo__word{font-family:var(--hato-font-display);font-size:30px;font-weight:var(--hato-weight-bold);letter-spacing:0;color:#fff;line-height:1}.fierro-mark{vertical-align:middle;width:32px;height:32px;display:inline-block}.fierro-mark--lg{width:56px;height:56px}.kpi{background:var(--hato-surface);border:1px solid var(--hato-border);border-radius:var(--hato-radius-md);width:100%;height:100%;padding:var(--hato-space-md);flex-direction:column;gap:6px;min-width:0;margin:0;display:flex;box-shadow:0 8px 22px #1715130b;container-type:inline-size}.kpi__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.kpi__label{font-size:var(--hato-text-sm);font-weight:var(--hato-weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--hato-text-muted);overflow-wrap:anywhere}.kpi__icon{border-radius:var(--hato-radius-sm);width:34px;height:34px;color:var(--hato-pasto600);background:var(--hato-monte050);flex:none;place-items:center;display:inline-grid}.kpi__value{font-family:var(--hato-font-stamp);color:var(--hato-hierro);font-feature-settings:"tnum" 1;letter-spacing:.02em;overflow-wrap:anywhere;font-size:clamp(34px,4.2vw,44px);line-height:1}.kpi__value--calm{color:var(--hato-tinta)}.kpi__unit{font-size:var(--hato-text-sm);color:var(--hato-text-muted)}.kpi__bar{border-radius:var(--hato-radius-pill);background:var(--hato-flag-bg);height:7px;margin-top:4px;overflow:hidden}.kpi__bar>span{background:var(--hato-pasto600);height:100%;display:block}.stamped-card{background:var(--hato-surface);border:1px solid var(--hato-border);border-radius:var(--hato-radius-md);text-align:left;cursor:pointer;min-width:0;transition:border-color var(--hato-duration-fast) var(--hato-ease), box-shadow var(--hato-duration-fast) var(--hato-ease), transform var(--hato-duration-fast) var(--hato-ease);flex-direction:column;display:flex;overflow:hidden}.stamped-card:hover{border-color:var(--hato-hierro);box-shadow:0 2px #be5a1c1f}.stamped-card:active{transform:translateY(1px)}.stamped-card__photo{aspect-ratio:4/3;background:var(--hato-hueso);color:var(--hato-text-muted);place-items:center;display:grid;overflow:hidden}.stamped-card__photo img{object-fit:cover;width:100%;height:100%}.stamped-card__photo-empty{font-size:var(--hato-text-sm);flex-direction:column;align-items:center;gap:4px;display:flex}.stamped-card__body{flex-direction:column;gap:4px;min-width:0;padding:12px;display:flex}.stamped-card__id{font-family:var(--hato-font-stamp);color:var(--hato-hierro);font-feature-settings:"tnum" 1;font-size:22px;line-height:1}.stamped-card__name{font-family:var(--hato-font-display);font-weight:var(--hato-weight-semibold);font-size:var(--hato-text-lg);color:var(--hato-tinta)}.stamped-card__meta{font-size:var(--hato-text-sm);color:var(--hato-text-muted)}.stamped-card__sync{font-size:var(--hato-text-sm);align-items:center;gap:6px;margin-top:2px;display:flex}.state-block{text-align:center;padding:var(--hato-space-2xl) var(--hato-space-lg);flex-direction:column;align-items:center;gap:12px;max-width:460px;margin:0 auto;display:flex}.state-block__title{font-family:var(--hato-font-display);font-size:var(--hato-text-h3);color:var(--hato-tinta)}.state-block__body{color:var(--hato-text-muted)}.state-block__icon{width:48px;height:48px;color:var(--hato-text-muted);place-items:center;display:grid}.state-block__brand-logo.brand-logo--mark{width:58px;height:66px}.toast-host{z-index:1200;flex-direction:column;gap:8px;width:min(380px,100vw - 32px);max-width:380px;display:flex;position:fixed;bottom:16px;right:16px}.toast{border-radius:var(--hato-radius-md);background:var(--hato-surface);border:1px solid var(--hato-border);align-items:flex-start;gap:10px;min-width:0;padding:12px 14px;display:flex;box-shadow:0 6px 24px #1715131f}@container (width<=180px){.kpi{padding:12px}.kpi__top{gap:8px}.kpi__icon{width:30px;height:30px}.kpi__value{font-size:clamp(28px,16cqi,38px)}}.toast--success{border-left:4px solid var(--hato-success)}.toast--danger{border-left:4px solid var(--hato-danger)}.toast--info{border-left:4px solid var(--hato-info)}.toast__icon{align-items:center;margin-top:1px;display:inline-flex}.toast--success .toast__icon{color:var(--hato-success)}.toast--danger .toast__icon{color:var(--hato-danger)}.toast--info .toast__icon{color:var(--hato-info)}@media (width<=360px){.sync-chip{gap:4px;padding-inline:8px}}.shell{background:linear-gradient(180deg, #0e5a2e09, transparent 280px), var(--hato-ground-web);grid-template:"header header"64px"sidebar main"1fr/248px 1fr;min-height:100svh;display:grid}.shell__header{color:var(--hato-tinta);z-index:700;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;border-bottom:1px solid #0e5a2e38;grid-area:header;align-items:center;gap:16px;min-width:0;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px #17151308}.shell__brand{flex:none;align-items:center;min-width:0;display:flex}.shell__brand .brand-logo--lockup{width:120px;max-height:42px}.shell__brand .brand-logo--mark{width:34px;max-height:40px;display:none}.shell__spacer{flex:auto;min-width:12px}.shell__menu--farm{flex:0 236px;min-width:0}.shell__farm,.shell__user{color:var(--hato-tinta);border-radius:var(--hato-radius-sm);cursor:pointer;min-height:36px;font-size:var(--hato-text-sm);font-weight:var(--hato-weight-semibold);white-space:nowrap;background:#fff;border:1px solid #0e5a2e4d;align-items:center;gap:6px;padding:0 12px;line-height:1;display:inline-flex}.shell__farm-label,.shell__user-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.shell__farm-label{max-width:180px}.shell__user-name{max-width:150px}.shell__farm:hover,.shell__user:hover{background:var(--hato-monte050);border-color:#0e5a2e7a}.shell__user-icon,.shell__user-name,.shell__user-chevron{align-items:center;display:inline-flex}.shell__lang{border-radius:var(--hato-radius-sm);background:#fff;border:1px solid #0e5a2e42;min-height:36px;display:inline-flex;overflow:hidden}.shell__lang button{color:var(--hato-tinta);cursor:pointer;font-weight:var(--hato-weight-semibold);font-size:var(--hato-text-sm);background:0 0;border:0;padding:0 12px}.shell__lang button[aria-pressed=true]{background:var(--hato-monte700);color:#fff}.shell__hamburger{width:40px;height:40px;color:var(--hato-tinta);border-radius:var(--hato-radius-sm);cursor:pointer;background:#fff;border:1px solid #0e5a2e4d;flex:none;justify-content:center;align-items:center;display:none}.shell__hamburger:hover{background:var(--hato-monte050)}.shell__mobile-tabs,.shell__drawer-close,.shell__scrim{display:none}.shell__sidebar{background:linear-gradient(180deg, #0f7a381a, transparent 240px), var(--hato-monte700);border-right:1px solid #052a1747;flex-direction:column;grid-area:sidebar;gap:4px;padding:16px 12px;display:flex;box-shadow:8px 0 24px #052a171f}.shell__sidebar-brand{border-radius:var(--hato-radius-sm);background:#fffffff5;border:1px solid #ffffff24;justify-content:flex-start;align-items:center;min-height:64px;margin-bottom:8px;padding:8px 10px;display:none;box-shadow:0 8px 22px #052a1729}.shell__sidebar-logo.brand-logo--lockup{width:154px;max-height:52px}.shell__sidebar-mark.brand-logo--mark{width:34px;max-height:34px;display:none}.shell__header>.role-chip,.shell__header>.sync-chip{min-height:32px;font-size:var(--hato-text-sm);border:1px solid #0000;flex:none;padding:0 12px}.sync-chip--button{font:inherit;cursor:pointer;border:0}.sync-chip--button:disabled{cursor:wait}.shell__header>.role-chip{color:var(--hato-text-muted);background:#455a641a}.shell__header>.sync-chip{border-color:#0f7a381f}.shell__header>.sync-chip--button{border-color:#1e6fb83d}.shell__nav-item{border-radius:var(--hato-radius-sm);color:#ffffffe0;font-weight:var(--hato-weight-medium);border-left:3px solid #0000;align-items:center;gap:10px;min-height:44px;padding:11px 12px;display:flex}.shell__nav-item:hover{color:#fff;background:#ffffff1a;text-decoration:none}.shell__nav-item[aria-current=page]{border-left-color:var(--hato-hueso);color:#fff;font-weight:var(--hato-weight-semibold);background:#ffffff24}.shell__nav-icon{color:#ffffffad;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.shell__nav-item[aria-current=page] .shell__nav-icon{color:#fff}.shell__nav-group{border-top:1px solid #ffffff24;flex-direction:column;gap:2px;margin-top:8px;padding-top:8px;display:flex}.shell__nav-group-label{color:#ffffffa3;font-size:var(--hato-text-sm);font-weight:var(--hato-weight-semibold);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:10px;padding:6px 12px 2px;display:flex}.shell__nav-item--sub{padding-left:24px}.shell__sidebar-foot{border-top:1px solid #ffffff24;flex-direction:column;gap:10px;margin-top:auto;padding-top:12px;display:flex}.shell__main{padding:var(--hato-space-lg);background:0 0;grid-area:main;min-width:0;overflow-x:clip}.shell[data-density=compact] .shell__nav-item{padding-top:6px;padding-bottom:6px}.shell[data-density=compact] .shell__sidebar{gap:2px;padding:10px}.shell[data-density=compact] .shell__main{padding:var(--hato-space-md)}.shell[data-density=compact] .page-head{margin-bottom:var(--hato-space-md)}.shell__menu{position:relative}.shell__menu-pop{background:var(--hato-surface);min-width:240px;color:var(--hato-tinta);border:1px solid var(--hato-border);border-radius:var(--hato-radius-md);z-index:500;padding:8px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 44px #17151324}.shell__menu-pop button,.shell__menu-pop a{text-align:left;border-radius:var(--hato-radius-sm);cursor:pointer;width:100%;color:var(--hato-tinta);background:0 0;border:0;padding:8px 10px;display:block}.shell__menu-pop button:hover{background:var(--hato-huesoQuiet)}.shell__menu-pop .danger{color:var(--hato-danger)}.shell__menu-radio,.shell__menu-action{align-items:center;gap:8px;display:flex}.shell__menu-radio-dot{border:2px solid var(--hato-border);border-radius:50%;flex:none;width:16px;height:16px}.role-banner{background:var(--hato-flag-bg);color:var(--hato-flag-text);border-radius:var(--hato-radius-md);font-size:var(--hato-text-sm);border:1px solid #455a6433;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;display:flex}.page-head{margin-bottom:var(--hato-space-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;display:flex}.page-head h1{font-size:clamp(28px,3vw,40px);font-weight:var(--hato-weight-bold);letter-spacing:0}.page-head__sub{color:var(--hato-text-muted);align-items:center;gap:6px;margin-top:4px;display:inline-flex}@media (width<=1180px){.shell__header{gap:12px;padding-inline:18px}.shell__brand .brand-logo--lockup{width:112px}.shell__density{display:none}.shell__farm-label{max-width:142px}.shell__user{justify-content:center;width:40px;min-width:40px;padding:0}.shell__user-name,.shell__user-chevron{display:none}}@media (width<=900px){.shell__menu--farm,.shell__header>.role-chip,.shell__lang:not(.shell__density){display:none}}@media (width<=1024px){.shell{grid-template-columns:64px 1fr}.shell__sidebar-brand{min-height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;padding:0 0 10px}.shell__sidebar-logo.brand-logo--lockup{display:none}.shell__sidebar-mark.brand-logo--mark{display:block}.shell__nav-label{display:none}.shell__nav-item,.shell__nav-group-label{justify-content:center}.shell__nav-item--sub{padding-left:12px}}@media (width<=767.98px){.shell{grid-template-rows:calc(64px + env(safe-area-inset-top)) 1fr;grid-template-columns:1fr;grid-template-areas:"header""main"}.shell__brand{display:flex}.shell__hamburger{display:inline-flex}.shell__header{padding:env(safe-area-inset-top) 12px 0;grid-template-columns:minmax(92px,1fr) auto 44px 44px;gap:10px;display:grid;overflow:visible}.shell__brand .brand-logo--lockup{width:96px}.shell__sidebar{top:calc(64px + env(safe-area-inset-top));z-index:600;border-right:1px solid var(--hato-border);pointer-events:none;visibility:hidden;width:284px;max-width:84vw;transition:transform var(--hato-duration-slow) var(--hato-ease), visibility 0s linear var(--hato-duration-slow);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;padding:12px;padding-bottom:calc(84px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:0 8px 28px #1715132e}.shell__sidebar-brand{display:none}.shell__drawer-close{z-index:2;color:#fff;border-radius:var(--hato-radius-sm);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff47;justify-content:center;align-self:flex-end;align-items:center;width:44px;min-height:44px;margin-bottom:2px;display:inline-flex;position:sticky;top:0}.shell__drawer-close:hover{background:#ffffff2e}.shell__sidebar-brand:before{content:none}.shell__sidebar-mark.brand-logo--mark{display:none}.shell__sidebar-logo.brand-logo--lockup{width:146px;max-height:48px;display:block}.shell__sidebar[data-open=true]{pointer-events:auto;visibility:visible;transition:transform var(--hato-duration-slow) var(--hato-ease), visibility 0s;transform:translate(0)}.shell__nav-label{display:inline}.shell__nav-item,.shell__nav-group-label{justify-content:flex-start}.shell__nav-item{border-left-width:0;min-height:42px;padding:9px 10px}.shell__nav-item--sub{margin-left:10px;padding-left:12px}.shell__nav-group{gap:3px;margin-top:6px;padding-top:6px}.shell__nav-group-label{letter-spacing:.04em;padding:8px 10px 3px;font-size:11px}.shell__sidebar-foot .role-chip{display:inline-flex}.shell__scrim{inset:calc(64px + env(safe-area-inset-top)) 0 0 0;z-index:590;cursor:pointer;background:#17151352;border:0;display:block;position:fixed}.shell__density{display:none}.shell__header{gap:8px;padding-inline:10px}.shell__menu--farm,.shell__header>.role-chip,.shell__lang:not(.shell__density),.shell__spacer{display:none}.shell__main{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.sync-chip{white-space:nowrap;order:2;justify-self:end;min-width:0;max-width:100%}.shell__menu--user{flex:none;order:4}.shell__hamburger,.shell__user{justify-content:center;width:44px;min-width:44px;height:44px;padding:0;font-size:0}.shell__hamburger{order:3}.shell__user{color:var(--hato-monte700);background:#fff;border-color:#0f7a3847;border-radius:999px;box-shadow:0 2px 8px #052a171f}.shell__user:hover{background:#fff;border-color:#0f7a3870}.shell__user-name,.shell__user-chevron{display:none}.shell__user-icon{justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.shell__brand{order:1;justify-content:flex-start;width:auto;min-width:92px}.shell__brand .brand-logo--lockup{width:98px;max-height:44px;display:block}.shell__brand .brand-logo--mark{display:none}.shell__user svg{width:18px;height:18px}.shell__menu--user .shell__menu-pop{top:calc(64px + env(safe-area-inset-top));width:min(260px,100vw - 24px);min-width:0;max-height:calc(100svh - 76px - env(safe-area-inset-top));z-index:900;position:fixed;right:12px;overflow-y:auto}.shell__mobile-tabs{z-index:650;padding:8px max(5px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(5px, env(safe-area-inset-left));border-top:1px solid var(--hato-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 28px #1715131f}.shell__mobile-tab{border-radius:var(--hato-radius-sm);min-width:0;min-height:50px;color:var(--hato-text-muted);font-size:10px;font-weight:var(--hato-weight-medium);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;line-height:1.1;text-decoration:none;display:inline-flex}.shell__mobile-tab.is-active{color:var(--hato-monte700);background:var(--hato-monte050);font-weight:var(--hato-weight-semibold)}.shell__mobile-tab-icon{justify-content:center;align-items:center;display:inline-flex;position:relative}.shell__mobile-tab-icon strong{background:var(--hato-naranja500);color:#fff;min-width:15px;height:15px;font-size:9px;font-weight:var(--hato-weight-bold);border-radius:999px;place-items:center;padding:0 4px;line-height:1;display:grid;position:absolute;top:-7px;right:-9px}.shell__mobile-tab-label{text-overflow:ellipsis;max-width:100%;overflow:hidden}}@media (width<=640px){.shell__main{padding:12px 16px calc(88px + env(safe-area-inset-bottom))}}@media (width<=390px){.shell__header{grid-template-columns:minmax(82px,1fr) auto 42px 42px;gap:7px;padding-inline:8px}.shell__header>.sync-chip{padding-inline:8px}.shell__brand,.shell__hamburger,.shell__user{height:44px}.shell__hamburger,.shell__user{width:42px;min-width:42px}.shell__brand{min-width:82px}.shell__brand .brand-logo--lockup{width:88px}.shell__mobile-tab{font-size:9.5px}}@media (width<=360px){.shell__header{grid-template-columns:70px minmax(0,150px) 38px 38px;gap:3px;width:100%;padding-inline:4px}.shell__header>.sync-chip{gap:3px;width:100%;max-width:150px;padding-inline:4px;font-size:11.5px}.shell__brand{min-width:70px}.shell__brand .brand-logo--lockup{width:70px;max-width:100%}.shell__hamburger,.shell__user{width:38px;min-width:38px}}.session-expired{background:var(--hato-ground-web);min-height:100vh;padding:var(--hato-space-lg);place-items:center;display:grid}.session-expired__card{text-align:center;background:var(--hato-surface);border:1px solid var(--hato-border);border-radius:var(--hato-radius-md);max-width:420px;padding:var(--hato-space-xl);flex-direction:column;align-items:center;gap:12px;display:flex;box-shadow:0 8px 28px #1715131a}.session-expired__card h1{font-size:var(--hato-text-h2)}.session-expired__card .btn{margin-top:8px}.session-expired__brand-logo.brand-logo--mark{width:58px;height:66px}.login{background:radial-gradient(120% 120% at 50% -10%, #11703a 0%, var(--hato-monte700) 60%, #0a4423 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login__card{background:var(--hato-surface);border-radius:var(--hato-radius-lg);flex-direction:column;width:100%;max-width:380px;padding:32px 28px;display:flex;box-shadow:0 18px 50px #00000047}.login__mark{flex-direction:column;align-items:center;gap:6px;margin-bottom:24px;display:flex}.login__brand-logo.brand-logo--mark{width:62px;height:70px}.login__title{font-size:var(--hato-text-h2);margin-top:6px}.login__pw{align-items:center;gap:4px;display:flex}.login__pw .input{flex:1}.login__pw-toggle{border:1px solid var(--hato-border);border-radius:var(--hato-radius-sm);width:44px;min-height:44px;color:var(--hato-text-muted);background:var(--hato-surface);flex:none;padding:0}.login__pw-toggle:hover{color:var(--hato-tinta)}.login__submit{width:100%;min-height:48px;margin-top:24px}.login__note{text-align:center;font-size:var(--hato-text-sm);margin-top:16px}.login__error{border-radius:var(--hato-radius-sm);color:var(--hato-danger);font-size:var(--hato-text-sm);background:#c6282814;align-items:center;gap:8px;margin-top:16px;padding:10px 12px;display:flex}.login__success{border-radius:var(--hato-radius-sm);color:var(--hato-monte700);font-size:var(--hato-text-sm);background:#11703a14;align-items:center;gap:8px;margin-top:16px;padding:10px 12px;display:flex}.login__lead{text-align:center;font-size:var(--hato-text-sm);margin-bottom:20px}.login__heading{font-size:var(--hato-text-h2);text-align:center;margin-bottom:4px}.login__links{flex-direction:column;align-items:center;gap:10px;margin-top:20px;display:flex}.login__link{color:var(--hato-monte700);font-size:var(--hato-text-sm);font:inherit;font-size:var(--hato-text-sm);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;align-items:center;gap:6px;padding:0;text-decoration:underline;display:inline-flex}.login__link:hover{color:var(--hato-tinta)}