@import "https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";

:root{--blue-50:#eef4fb;--blue-100:#d6e6f5;--blue-200:#aecced;--blue-300:#7fb0e2;--blue-400:#5191d2;--blue-500:#2871b8;--blue-600:#21609f;--blue-700:#1c4f83;--blue-800:#1a4269;--blue-900:#15375a;--cafe-50:#f6f4f3;--cafe-100:#ebe7e6;--cafe-200:#d8d1cf;--cafe-300:#beb4b1;--cafe-400:#968a87;--cafe-500:#6f6462;--cafe-600:#5b5250;--cafe-700:#4f3f3f;--cafe-800:#3c3130;--cafe-900:#2a2322;--gray-0:#fff;--gray-50:#f7f8f9;--gray-100:#eef0f2;--gray-200:#e1e4e7;--gray-300:#cbd0d4;--gray-400:#999;--gray-500:#6e7378;--gray-600:#4f5458;--gray-700:#3a3e41;--gray-800:#333;--gray-900:#1d1f21;--success-50:#eaf5ee;--success-100:#cce8d6;--success-500:#2f8f5b;--success-700:#1f6b41;--warning-50:#fbf3e3;--warning-100:#f6e4c2;--warning-500:#d4922a;--warning-700:#9c6814;--danger-50:#fbecea;--danger-100:#f6d3ce;--danger-500:#c0392b;--danger-700:#8f261b;--info-50:var(--blue-50);--info-500:var(--blue-500);--info-700:var(--blue-700);--brand-primary:var(--blue-500);--brand-primary-hover:var(--blue-600);--brand-primary-active:var(--blue-700);--brand-secondary:var(--cafe-500);--brand-ink:var(--cafe-700);--surface-page:var(--cafe-50);--surface-card:var(--gray-0);--surface-sunken:var(--cafe-100);--surface-raised:var(--gray-0);--surface-inverse:var(--cafe-700);--surface-brand:var(--blue-500);--surface-hover:var(--cafe-100);--surface-selected:var(--blue-50);--text-strong:var(--gray-900);--text-body:var(--gray-800);--text-muted:var(--gray-500);--text-subtle:var(--gray-400);--text-on-brand:var(--gray-0);--text-on-dark:var(--gray-0);--text-link:var(--blue-600);--border-subtle:#e8e2df;--border-default:#d8d0cd;--border-strong:var(--cafe-400);--border-brand:var(--blue-500);--border-focus:var(--blue-500);--bg-success:var(--success-50);--bg-warning:var(--warning-50);--bg-danger:var(--danger-50);--bg-info:var(--info-50);--fg-success:var(--success-700);--fg-warning:var(--warning-700);--fg-danger:var(--danger-700);--fg-info:var(--info-700)}
:root{--font-display:"Jost", "Century Gothic", "Futura", system-ui, sans-serif;--font-sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-base:16px;--fs-lg:18px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:30px;--fs-4xl:38px;--fs-5xl:48px;--fs-6xl:64px;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.65;--ls-tight:-.02em;--ls-normal:0;--ls-wide:.04em;--ls-wider:.12em}
:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-none:0;--radius-xs:1px;--radius-sm:2px;--radius-md:2px;--radius-lg:3px;--radius-xl:4px;--radius-full:999px;--border-w-hairline:1px;--border-w-thick:2px;--border-accent:3px;--shadow-xs:0 1px 2px #1d1f210f;--shadow-sm:0 1px 3px #1d1f2114, 0 1px 2px #1d1f210f;--shadow-md:0 2px 6px #1d1f2114, 0 4px 12px #1d1f210f;--shadow-lg:0 6px 16px #1d1f211a, 0 12px 32px #1d1f2114;--shadow-focus:0 0 0 3px #2871b84d;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--dur-fast:.12s;--dur-base:.2s;--dur-normal:.2s;--dur-slow:.32s;--z-base:0;--z-sticky:100;--z-dropdown:200;--z-overlay:300;--z-modal:400;--z-toast:500;--sidebar-w:240px;--sidebar-w-collapsed:72px;--topbar-h:54px;--container-max:1240px;--side-bg:#1e1917}
*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--text-strong);margin:0}p{margin:0}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}.num,[data-num]{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--brand-primary)}::selection{background:var(--blue-200);color:var(--gray-900)}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--surface-page);color:var(--text-body)}.app{background:var(--surface-page);height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--side-bg);flex-direction:column;flex-shrink:0;display:flex}.sidebar .side-brand{align-items:center;gap:10px;padding:22px 18px 14px;display:flex}.sidebar .side-brand .wm{font-family:var(--font-display);letter-spacing:var(--ls-tight);color:#fff;font-size:19px;font-weight:600}.sidebar .side-brand .sq{background:var(--blue-500);flex-shrink:0;width:16px;height:16px;transform:rotate(45deg)}.sidebar .side-divider{align-items:center;gap:8px;padding:0 18px 12px;display:flex}.sidebar .side-divider .ln{background:#ffffff1a;flex:1;height:1px}.sidebar .side-divider .dot{background:var(--blue-500);width:6px;height:6px;transform:rotate(45deg)}.sidebar .side-eyebrow{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:#ffffff57;padding:2px 18px 10px;font-size:10px;font-weight:500}.side-nav{flex:1;overflow-y:auto}.side-nav a{color:#ffffffb8;font-size:var(--fs-md);transition:background var(--dur-fast) var(--ease-standard);align-items:center;gap:12px;padding:11px 16px 11px 18px;font-weight:500;display:flex;position:relative}.side-nav a:hover{background:#ffffff08;text-decoration:none}.side-nav a.active{color:#fff;background:#ffffff0f;font-weight:600}.side-nav a .acc{background:0 0;width:3px;position:absolute;top:0;bottom:0;left:0}.side-nav a.active .acc{background:var(--blue-500)}.side-nav a .idx{font-family:var(--font-mono);letter-spacing:.08em;color:#ffffff52;width:16px;font-size:10.5px;font-weight:500}.side-nav a.active .idx{color:var(--blue-300)}.sidebar .side-foot{border-top:1px solid #ffffff1a;align-items:center;gap:11px;padding:14px 18px;display:flex}.sidebar .side-foot .av{background:var(--blue-600);color:#fff;width:34px;height:34px;font-family:var(--font-display);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.sidebar .side-foot .who{min-width:0}.sidebar .side-foot .who .nm{font-size:var(--fs-sm);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar .side-foot .who .rl{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:#fff6;font-size:9.5px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar-h);background:var(--surface-card);border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:12px;padding:0 28px;display:flex}.topbar .crumb{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.topbar .crumb .sep{color:var(--cafe-300);font-family:var(--font-mono);font-size:11px}.content{flex:1;padding:28px 36px 48px;overflow-y:auto}.content-inner{max-width:1700px;margin:0}.tag{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-size:10.5px;font-weight:500}.tag.brand{color:var(--brand-primary)}.tag.strong{color:var(--text-body)}.sheet-head{margin-bottom:24px}.sheet-head .kicker{align-items:center;gap:10px;margin-bottom:10px;display:flex}.sheet-head .kicker .ln{background:var(--cafe-300);width:14px;height:1px}.sheet-head h1{font-family:var(--font-display);font-weight:600;font-size:var(--fs-3xl);letter-spacing:var(--ls-tight);color:var(--text-strong);line-height:1.04}.sheet-head .meta{margin-top:8px}.sheet-head .head-row{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.sheet-head .actions{flex-shrink:0;gap:8px;padding-bottom:4px;display:flex}.rule-tick{align-items:flex-end;height:6px;margin-top:20px;display:flex}.rule-tick .t{background:var(--border-default);width:1px;height:6px}.rule-tick .m{background:var(--border-default);flex:1;height:1px}.panel{background:var(--surface-card);border:1px solid var(--border-subtle);position:relative}.panel>.panel-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.panel>.panel-head .ttl{align-items:center;gap:10px;display:flex}.panel>.panel-head .ttl .ln{background:var(--cafe-300);width:12px;height:1px}.panel>.panel-head .ttl h2{font-family:var(--font-display);color:var(--text-strong);font-size:14.5px;font-weight:600}.panel .panel-body{padding:18px}.panel .panel-body.flush{padding:0}.corner-ticks span{pointer-events:none;width:9px;height:9px;position:absolute}.corner-ticks .tl{border-top:1px solid var(--cafe-300);border-left:1px solid var(--cafe-300);top:-1px;left:-1px}.corner-ticks .tr{border-top:1px solid var(--cafe-300);border-right:1px solid var(--cafe-300);top:-1px;right:-1px}.corner-ticks .bl{border-bottom:1px solid var(--cafe-300);border-left:1px solid var(--cafe-300);bottom:-1px;left:-1px}.corner-ticks .br{border-bottom:1px solid var(--cafe-300);border-right:1px solid var(--cafe-300);bottom:-1px;right:-1px}.hero-estado{grid-template-columns:minmax(320px,380px) 1fr;align-items:stretch;gap:14px;display:grid}.hero-estado>.panel{flex-direction:column;display:flex}.hero-estado>.panel .panel-body{flex:1;justify-content:center;align-items:center;display:flex}@media (max-width:1000px){.hero-estado{grid-template-columns:1fr}}.readout{gap:14px;display:grid}.readout.cols-2{grid-template-columns:repeat(2,1fr)}.readout.cols-3{grid-template-columns:repeat(3,1fr)}.readout.cols-4{grid-template-columns:repeat(4,1fr)}.readout.cols-5{grid-template-columns:repeat(5,1fr)}.metric{background:var(--surface-card);border:1px solid var(--border-subtle);border-top:3px solid var(--kpi-accent,var(--brand-primary));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);padding:16px 18px 18px;position:relative}.metric-link{color:inherit;cursor:pointer;text-decoration:none;display:block}.metric-link:hover{box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.metric-link:hover .m-value{color:var(--kpi-accent,var(--brand-primary))}.metric-link:after{content:"→";font-family:var(--font-mono);color:var(--text-subtle);opacity:0;transition:opacity var(--dur-fast);font-size:12px;position:absolute;top:12px;right:14px}.metric-link:hover:after{opacity:1}.metric .m-label{font-size:var(--fs-sm);color:var(--text-muted);align-items:center;gap:8px;margin-bottom:12px;font-weight:500;display:flex}.metric .m-label .sq{background:var(--kpi-accent,var(--blue-500));flex-shrink:0;width:9px;height:9px}.metric .m-value{font-family:var(--font-mono);color:var(--text-strong);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:30px;font-weight:600;line-height:1.05}.metric .m-value.sm{font-size:24px}.metric .m-value .u{color:var(--text-muted);margin-left:4px;font-size:12px}.metric .m-sub{font-family:var(--font-mono);color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:9px;font-size:11px}.metric .m-sub.pos{color:var(--success-700)}.metric .m-sub.neg{color:var(--danger-500)}.smark{align-items:center;gap:8px;display:inline-flex}.smark .sq{background:var(--cafe-400);flex-shrink:0;width:8px;height:8px}.smark .lb{font-size:var(--fs-sm);color:var(--text-body);white-space:nowrap;font-weight:500}.smark.success .sq{background:var(--success-500)}.smark.warning .sq{background:var(--warning-500)}.smark.danger .sq{background:var(--danger-500)}.smark.brand .sq{background:var(--brand-primary)}.smark.info .sq{background:var(--blue-400)}.smark.neutral .sq{background:var(--cafe-400)}.table-wrap{width:100%;overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:12px 16px}table.data thead th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.13em;color:var(--text-muted);background:var(--cafe-50);border-bottom:1px solid var(--border-default);font-size:9.5px;font-weight:500}table.data td.num,table.data th.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}table.data tbody tr:hover{background:var(--cafe-50)}table.data td.wrap{white-space:normal;min-width:220px}table.data tfoot td{border-top:1px solid var(--border-default);background:var(--cafe-50);border-bottom:none;font-weight:600}.rowidx{font-family:var(--font-mono);color:var(--text-subtle);font-variant-numeric:tabular-nums;font-size:12px}.bar-row{grid-template-columns:210px 1fr auto;align-items:center;gap:14px;padding:9px 0;display:grid}.bar-row-link{border-radius:var(--radius-sm);margin:0 -8px;padding:9px 8px}.bar-row-link:hover{background:var(--surface-hover)}.bar-row-link:hover .name{color:var(--brand-primary)}.bar-row .name{font-size:var(--fs-sm);color:var(--text-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-track{background:var(--cafe-100);height:6px;position:relative;overflow:hidden}.bar-fill{background:var(--brand-primary);position:absolute;inset:0}.bar-row .amount{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-strong);font-variant-numeric:tabular-nums}.btn{font-family:var(--font-sans);font-size:var(--fs-sm);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-body);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard);align-items:center;gap:8px;padding:8px 14px;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-hover)}.btn.primary{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.btn.primary:hover{background:var(--brand-primary-hover)}.btn.danger{color:var(--fg-danger);border-color:var(--danger-100)}.btn.danger:hover{background:var(--bg-danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.select{font-family:var(--font-sans);font-size:var(--fs-sm);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-body);width:100%;padding:8px 11px}.input:focus,.select:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.field-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.13em;margin-bottom:5px;font-size:9.5px;font-weight:500;display:block}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.toolbar .grow{flex:1;min-width:180px}.stack{flex-direction:column;gap:18px;display:flex}.cols-2{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.cols-main{grid-template-columns:1fr 320px;align-items:start;gap:18px;display:grid}.muted{color:var(--text-muted)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.empty-state{text-align:center;color:var(--text-muted);padding:64px 24px}.empty-state h3{color:var(--text-body);margin-bottom:8px}.notice{font-size:var(--fs-sm);border:1px solid #0000;padding:14px 16px}.notice.info{background:var(--bg-info);color:var(--fg-info);border-color:var(--blue-100)}.notice.success{background:var(--bg-success);color:var(--fg-success);border-color:var(--success-100)}.notice.warning{background:var(--bg-warning);color:var(--fg-warning);border-color:var(--warning-100)}.notice.danger{background:var(--bg-danger);color:var(--fg-danger);border-color:var(--danger-100)}.notice.local{background:var(--cafe-50);color:var(--cafe-700);border-color:var(--border-default)}.m-info{border:1px solid var(--border-strong);width:13px;height:13px;color:var(--text-muted);font-family:var(--font-mono);cursor:help;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-left:5px;font-size:9px;font-style:normal;font-weight:600;display:inline-flex}.m-info:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.year-tabs{flex-shrink:0}.year-tabs-row{gap:4px;display:flex}.year-tab{font-family:var(--font-mono);font-size:var(--fs-sm);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-muted);padding:6px 12px;font-weight:500}.year-tab:hover{background:var(--surface-hover);text-decoration:none}.year-tab.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.month-chart{grid-template-columns:repeat(12,1fr);align-items:end;gap:6px;height:190px;display:grid}.month-col{flex-direction:column;align-items:center;height:100%;display:flex}.month-amt{height:14px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;margin-bottom:4px;font-size:9px}.month-bars{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.month-bar{background:var(--blue-200);width:62%;min-height:2px;transition:background var(--dur-fast) var(--ease-standard);align-items:flex-end;display:flex;position:relative}.month-col:hover .month-bar{background:var(--blue-300)}.month-bar-franq{background:var(--brand-primary);width:100%}.month-lbl{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-top:8px;font-size:9.5px}.month-col-link{color:inherit;cursor:pointer;text-decoration:none}.month-col-link:hover{text-decoration:none}.month-col-link:hover .month-bar{background:var(--blue-400)}.month-col-link:hover .month-amt,.month-col-link:hover .month-lbl{color:var(--brand-primary)}.chart-legend{gap:16px;display:flex}.chart-legend .it{align-items:center;gap:6px;display:inline-flex}.chart-legend .sw{width:10px;height:10px}.money-field{position:relative}.money-prefix{font-family:var(--font-mono);color:var(--text-muted);pointer-events:none;font-weight:500;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.side-foot .logout{cursor:pointer;text-align:left;font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:#fff6;background:0 0;border:none;padding:0;font-size:9.5px}.side-foot .logout:hover{color:var(--blue-300)}.login-wrap{background:var(--surface-page);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-top:var(--border-accent) solid var(--brand-primary);border-radius:var(--radius-xl);width:100%;max-width:380px;box-shadow:var(--shadow-md);padding:32px}.login-brand{align-items:center;gap:10px;display:flex}.login-brand .sq{background:var(--blue-500);width:16px;height:16px;transform:rotate(45deg)}.login-brand .wm{font-family:var(--font-display);letter-spacing:var(--ls-tight);color:var(--text-strong);font-size:20px;font-weight:600}.login-head{margin:18px 0 22px}.login-head h1{font-size:var(--fs-xl);margin-top:2px}.login-head p{font-size:var(--fs-sm);margin-top:6px}.login-form{flex-direction:column;gap:14px;display:flex}.login-pass{position:relative}.login-eye{cursor:pointer;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);background:0 0;border:none;padding:4px;font-size:10px;position:absolute;top:27px;right:8px}.login-error{font-size:var(--fs-sm);color:var(--fg-danger);margin:0}.login-foot{text-align:center;font-size:var(--fs-2xs);color:var(--text-subtle);margin-top:24px}@media (max-width:1200px){.readout.cols-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:1000px){.cols-2,.cols-main{grid-template-columns:1fr}.readout.cols-4,.readout.cols-5{grid-template-columns:1fr 1fr}}@media (max-width:760px){.sidebar{display:none}.content{padding:20px 16px 40px}.bar-row{grid-template-columns:120px 1fr auto}.readout.cols-3,.readout.cols-4,.readout.cols-5{grid-template-columns:1fr 1fr}}