:root{--bg: #f3efe6;--bg-deep: #e7e0d2;--ink: #1c2430;--muted: #5d6b7c;--line: rgba(28, 36, 48, .12);--card: rgba(255, 252, 246, .72);--accent: #0f6e56;--accent-soft: #d7efe6;--warn: #b45309;--danger: #b42318;--good: #027a48;--shadow: 0 18px 50px rgba(28, 36, 48, .08);--radius: 18px;font-family:DM Sans,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.45;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(1200px 600px at 10% -10%,rgba(15,110,86,.16),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(180,83,9,.12),transparent 50%),linear-gradient(180deg,#f7f3ea,#efe8da 45%,#e8e1d3)}button,input,select{font:inherit}.app{width:100%;max-width:none;margin:0;padding:1.5rem 1.5rem 3rem;box-sizing:border-box}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;animation:rise .6s ease both}.topbar-left{min-width:0}.topbar-right{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.65rem;flex-shrink:0}.brand{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-.02em;margin:0;line-height:1.1;color:var(--ink)}.topbar-sub{margin:.35rem 0 0;color:var(--muted);font-size:.95rem}.updated{color:var(--muted);font-size:.9rem;white-space:nowrap}.field{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem;width:100%;min-width:0;color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.field-date{min-width:0}.field-label{display:grid;gap:.35rem;font-size:.85rem;color:var(--muted);font-weight:600}.field:focus{outline:2px solid rgba(15,110,86,.35);border-color:transparent}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#10161e73;display:grid;place-items:center;padding:1rem;animation:rise .2s ease both}.modal{width:min(520px,100%);background:#fffcf6;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 80px #10161e47;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:1.15rem}.modal-close{border:0;background:transparent;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--muted);padding:.1rem .35rem}.modal-body{display:grid;gap:.85rem;padding:1rem 1.1rem}.modal-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.modal-actions{display:flex;justify-content:flex-end;gap:.65rem;padding:.9rem 1.1rem 1.1rem;border-top:1px solid var(--line)}.btn{border:0;border-radius:12px;padding:.75rem 1.1rem;background:var(--accent);color:#fff;cursor:pointer;font-weight:600;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;box-shadow:0 10px 24px #0f6e5640}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:wait;transform:none}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}.meta{color:var(--muted);font-size:.92rem}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;margin-bottom:1.2rem}.kpis-wide,.kpis-hero{grid-template-columns:repeat(6,minmax(0,1fr))}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow);animation:rise .55s ease both}.kpi-metric{display:grid;gap:.35rem;align-content:start}.kpi-metric .value{order:0;font-size:2rem;line-height:1}.kpi-metric .label{order:1;margin:0}.kpi-metric .label{margin-bottom:0}.tone-blue{color:#2563eb}.tone-green{color:#16a34a}.tone-amber{color:#d97706}.tone-rose{color:#e11d48}.kpi-metric.warn .value{color:var(--warn)}.kpi-metric .hint{order:2;margin-top:.15rem;font-size:.75rem;color:var(--muted)}.kpi:nth-child(2){animation-delay:.05s}.kpi:nth-child(3){animation-delay:.1s}.kpi:nth-child(4){animation-delay:.15s}.kpi:nth-child(5){animation-delay:.2s}.kpi .label{color:var(--muted);font-size:.85rem;margin-bottom:.35rem}.kpi .value{font-size:1.8rem;font-weight:700;letter-spacing:-.03em}.kpi .hint{margin-top:.25rem;font-size:.8rem;color:var(--muted)}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem;margin-bottom:1rem}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-list{display:grid;gap:.45rem;max-height:280px;overflow-y:auto}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;border-radius:12px;background:#fffcf6e6;border:1px solid var(--line)}.stat-main{min-width:0}.stat-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.92rem}.stat-value{font-weight:700;font-variant-numeric:tabular-nums}.stat-value.danger{color:var(--danger)}.mini-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.mini-kpis>div{padding:.75rem;border-radius:12px;background:#1c243008;border:1px solid var(--line);display:grid;gap:.25rem}.mini-kpis span{color:var(--muted);font-size:.8rem}.mini-kpis strong{font-size:1.35rem;letter-spacing:-.02em}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem 1.2rem;box-shadow:var(--shadow);animation:rise .65s ease both}.panel h2{margin:0 0 .35rem;font-size:1.15rem}.panel p.sub{margin:0 0 1rem;color:var(--muted);font-size:.92rem}.table-wrap{overflow:auto;border-radius:14px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:860px}th,td{text-align:left;padding:.75rem .85rem;border-bottom:1px solid var(--line);vertical-align:top;font-size:.92rem}.col-index{width:3rem;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center}th{background:#1c24300a;font-weight:600;position:sticky;top:0}tr:hover td{background:#0f6e560a}.progress{display:flex;align-items:center;gap:.55rem;min-width:140px}.bar{flex:1;height:8px;border-radius:999px;background:#1c243014;overflow:hidden}.bar>span{display:block;height:100%;background:linear-gradient(90deg,#0f6e56,#2f9e7d);border-radius:inherit}.badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge.up{background:#e8f8ef;color:var(--good)}.badge.flat{background:#f2f4f7;color:var(--muted)}.badge.down{background:#fef3f2;color:var(--danger)}.status{padding:.75rem 1rem;border-radius:12px;margin-bottom:1rem;border:1px solid var(--line);background:#fffcf6cc}.status.error{border-color:#b4231840;background:#fff5f4;color:var(--danger)}.status.ok{border-color:#0f6e5633;background:var(--accent-soft);color:var(--accent)}.movers{display:grid;gap:.55rem}.movers-panel{display:flex;flex-direction:column;min-height:0}.movers-scroll{display:grid;gap:.55rem;max-height:280px;overflow-y:auto;padding-right:.35rem;scrollbar-width:thin;scrollbar-color:rgba(15,110,86,.45) transparent}.movers-scroll::-webkit-scrollbar{width:6px}.movers-scroll::-webkit-scrollbar-thumb{background:#0f6e5659;border-radius:999px}.mover{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem .85rem;align-items:center;padding:.75rem .85rem;border-radius:12px;background:#fffcf6e6;border:1px solid var(--line)}.mover-main{min-width:0}.mover-main strong{display:block;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mover-stats{text-align:right;display:grid;gap:.2rem;justify-items:end;flex-shrink:0}.mover .muted{color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem}.page-numbers{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;justify-content:center}.page-btn{border:1px solid var(--line);background:#fffcf6e6;color:var(--ink);border-radius:10px;min-width:2.2rem;height:2.2rem;padding:0 .7rem;cursor:pointer;font-weight:600;font-size:.9rem}.page-btn:hover:not(:disabled){border-color:#0f6e5659;background:var(--accent-soft)}.page-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.page-btn:disabled{opacity:.45;cursor:not-allowed}.page-ellipsis{color:var(--muted);padding:0 .2rem}.chart-note{margin-top:.75rem;color:var(--muted);font-size:.85rem}.empty{color:var(--muted);padding:1rem 0}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.kpis,.kpis-wide,.kpis-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.grid,.grid-3{grid-template-columns:1fr}}@media(max-width:640px){.app{padding:1rem .85rem 2rem}.topbar{flex-direction:column;align-items:stretch}.topbar-right{justify-content:flex-start}.modal-row,.kpis{grid-template-columns:1fr}.field{width:100%}}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:.85rem;padding:2rem 1.75rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-brand{margin:0;font-size:1.5rem;font-weight:700;color:var(--ink)}.login-sub{margin:-.4rem 0 .6rem;color:var(--muted);font-size:.9rem}.login-btn{margin-top:.4rem;width:100%;justify-content:center}.login-error{padding:.6rem .75rem;border-radius:10px;background:#b423181a;color:var(--danger);font-size:.88rem}