:root{--rose: #a8526e;--rose-soft: #f6e9ee;--sage: #8fa595;--ink: #2b2226;--muted: #7d7075;--line: #eadfe3;--bg: #fbf8f9;--card: #fff;--pos: #4d7a5c;--neg: #b0485f}@media (prefers-color-scheme: dark){:root{--rose: #d58aa3;--rose-soft: #3a2630;--sage: #9db6a4;--ink: #f3eaee;--muted: #a99ca1;--line: #3b2f35;--bg: #1d1719;--card: #261e21;--pos: #8fc4a0;--neg: #e58aa0}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 -apple-system,Segoe UI,system-ui,sans-serif}h1,h2,.brand strong{font-family:Georgia,Times New Roman,serif;font-weight:600;margin:0}h1{font-size:28px}h2{font-size:16px;margin-bottom:2px}.muted{color:var(--muted)}.small{font-size:13px}.pos{color:var(--pos)}.neg{color:var(--neg)}.center{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;padding:16px}.logo{width:36px;height:36px;border-radius:10px;background:var(--rose);color:#fff;display:grid;place-items:center;font-size:18px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{background:var(--card);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center}.brand small{display:block;color:var(--muted);font-size:12px}nav{display:flex;flex-direction:column;gap:4px;flex:1}nav button{text-align:left;border:0;background:none;padding:9px 12px;border-radius:9px;color:var(--ink);font:inherit;cursor:pointer}nav button.on{background:var(--rose-soft);color:var(--rose);font-weight:600}.link{border:0;background:none;color:var(--muted);font:inherit;cursor:pointer;text-align:left;padding:6px 12px}main{padding:20px 28px 48px;max-width:1100px;width:100%}.top{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-bottom:18px}.titlebar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;flex-wrap:wrap}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.grid4 .card{margin:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kpi{display:flex;flex-direction:column;gap:4px}.kpi strong{font-size:26px;font-family:Georgia,serif}.eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.btn,select,input{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:9px;padding:8px 12px}.btn{cursor:pointer}.btn:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--rose);border-color:var(--rose);color:#fff}.picker{display:flex;gap:6px;align-items:center}.icon{border:1px solid var(--line);background:var(--card);color:var(--ink);width:32px;height:34px;border-radius:9px;cursor:pointer;font-size:18px}.filters{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.filters input{flex:1;min-width:160px}.chart{width:100%;height:auto}.chart .grid{stroke:var(--line);stroke-dasharray:3 4}.chart .axis{fill:var(--muted);font-size:11px}.bar-v,.dot.v{fill:var(--rose);background:var(--rose)}.bar-g,.dot.g{fill:var(--sage);background:var(--sage)}.legend{display:flex;gap:16px;justify-content:center;font-size:12px;color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.list{list-style:none;margin:12px 0 0;padding:0}.list li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.list li:first-child{border-top:0}.list small{display:block}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:500;padding:8px 10px}td{padding:9px 10px;border-top:1px solid var(--line);white-space:nowrap}.r{text-align:right}.pill{font-size:12px;padding:2px 9px;border-radius:99px;background:var(--rose-soft);color:var(--rose)}.pill.egreso{background:#8fa59538;color:var(--sage)}.warn{color:var(--neg);font-size:14px}.login{width:min(340px,92vw);display:grid;justify-items:center;gap:10px;text-align:center}.login input,.login .btn{width:100%}@media (max-width: 800px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;padding:10px 14px;gap:10px}nav{flex-direction:row;flex:1 1 100%;order:3;overflow-x:auto}main{padding:14px 16px 40px}.grid4{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.top{justify-content:space-between}}