:root{--hdr-bg: #0f5c59;--hdr-text: #ffffff;--btn-bg: #ffffff;--btn-text: #0f5c59;--btn-hover-bg: #ffd700;--border-muted: rgba(255, 255, 255, .25)}header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 30px;background-color:var(--hdr-bg);color:var(--hdr-text);box-shadow:0 2px 6px #0000001a}.title,.label{margin:0;font-size:1.8rem;font-weight:700;letter-spacing:1px;white-space:nowrap}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.logo{height:48px;width:48px;object-fit:cover;border-radius:50%;border:2px solid #ffffff;box-shadow:0 4px 8px #0003;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;cursor:pointer}.logo:hover{transform:scale(1.06) rotate(3deg);box-shadow:0 6px 12px #0000004d;border-color:var(--btn-hover-bg)}.action{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:10px;font-size:.95rem;font-weight:700;line-height:1;-webkit-user-select:none;user-select:none;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease,border-color .15s ease}button.action{appearance:none;background-color:var(--btn-bg);color:var(--btn-text);border:1px solid transparent;cursor:pointer;box-shadow:0 1px 2px #0000001f}button.action:hover:not(:disabled){background-color:var(--btn-hover-bg);color:var(--btn-text);transform:translateY(-1px);box-shadow:0 6px 16px #0000002e}button.action:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000001f}button.action:focus-visible{outline:3px solid rgba(255,215,0,.65);outline-offset:2px}button.action:disabled{opacity:.55;cursor:not-allowed}button.action.action--ghost{background:transparent;color:#fff;border:1px solid var(--border-muted);box-shadow:none}button.action.action--ghost:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff73;transform:translateY(-1px)}button.action.action--ghost:active:not(:disabled){transform:translateY(0)}button.action.action--ghost:disabled{opacity:.45;cursor:not-allowed}.actions .action:not(button){margin:0;background:#ffffff1f;color:#fff;border:1px solid var(--border-muted);cursor:default;box-shadow:none}.actions .action:not(button):hover{transform:none;box-shadow:none}.dashboard{margin:1rem 0 0;padding:1rem;border:1px solid var(--border, #e5e7eb);border-radius:12px;background:var(--panel, #fff)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:12px}.kpi-card{padding:12px;border:1px solid var(--border, #e5e7eb);border-radius:10px;background:var(--card, #fafafa)}.kpi-label{font-size:12px;opacity:.7}.kpi-value{font-size:20px;font-weight:700}.chart-title{margin:8px 0 6px;font-weight:600}.chart{width:100%;height:280px}@media (max-width: 760px){header{flex-wrap:wrap;padding:12px 16px;gap:10px}.title,.label{font-size:1.35rem}.actions{width:100%;justify-content:flex-start;gap:10px}}@media (prefers-reduced-motion: reduce){.logo,.action{transition:none!important}}.table-wrap{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;overflow:hidden}table{width:100%;border-collapse:collapse}thead tr{background:var(--header-bg)}th,td{padding:12px 14px;color:var(--fg)}tbody tr+tr{border-top:1px solid var(--card-border)}tbody tr:hover{background:color-mix(in srgb,var(--card-bg),#fff 3%)}.dashboard{display:grid;gap:16px}.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.kpi{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:12px 16px}.kpi-label{font-size:12px;color:var(--muted)}.kpi-value{font-size:20px;font-weight:700;color:var(--fg)}.chart{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1px;min-height:300px}.recharts-legend-item-text{color:var(--fg)!important}.recharts-default-tooltip{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;color:var(--fg)!important}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg)}:root{--bg:#f5f7fb;--fg:#111827;--card-bg:#ffffff;--card-border:#e5e7eb;--muted:#6b7280;--header-bg:#f3f4f6}html[data-theme=dark]{--bg:#0b1220;--fg:#e5e7eb;--card-bg:#0f172a;--card-border:#1f2937;--muted:#9ca3af;--header-bg:#111827}.app{min-height:100%;background:var(--bg);color:var(--fg)}a{color:inherit}