.pupila-metrics{--pm-wine:#790c2b;--pm-border:#eee7e9;color:#25202a;max-width:100%}.pupila-metrics>header,.pupila-metrics .pm-filter-bar,.pupila-metrics .pm-stat,.pupila-metrics .pm-panel,.pupila-metrics section.rounded-2xl,.pupila-metrics section.overflow-x-auto,.pupila-metrics .rounded-2xl.border.bg-white{border:1px solid var(--pm-border);background:#fff;border-radius:18px;box-shadow:0 7px 24px #5c25380d}.pupila-metrics>header{background:linear-gradient(116deg,#fff 0% 68%,#fbf0f2);padding:clamp(18px,2.2vw,28px)}.pupila-metrics>header h1{letter-spacing:-.035em;color:#241b22;font-size:clamp(1.6rem,2.2vw,2rem);font-weight:760}.pupila-metrics :is(section.rounded-2xl,section.overflow-x-auto,.pm-panel){overflow:hidden}.pupila-metrics :is(section.rounded-2xl,section.overflow-x-auto)>h2{color:#31212a;font-size:1rem;font-weight:700}.pupila-metrics :is(select,input[type=date],input[type=search]){background-color:#fff;border:1px solid #e9dde1;border-radius:10px;max-width:100%;min-height:38px}.pupila-metrics :is(select,input[type=date],input[type=search]):focus-visible,.pupila-metrics :is(button,a):focus-visible{outline-offset:2px;outline:2px solid #9d3151}.pupila-metrics button{transition:box-shadow .18s,transform .18s,background-color .18s}.pupila-metrics button:not(:disabled):hover{box-shadow:0 5px 14px #6d0f251a}.pupila-metrics table{border-collapse:separate;border-spacing:0}.pupila-metrics thead{color:#6b4451;background:#faf5f6}.pupila-metrics thead th{letter-spacing:.025em;padding:12px;font-size:.71rem;font-weight:700}.pupila-metrics tbody td{border-bottom:1px solid #f2edef;padding:10px 12px}.pupila-metrics tbody tr:last-child td{border-bottom:0}.pupila-metrics tbody tr:hover{background:#fffafb}.pupila-metrics .pm-filter-bar{padding:16px 18px}.pupila-metrics .pm-stat{min-width:0;padding:17px}.pupila-metrics .pm-stat-value{letter-spacing:-.035em;color:#261923;font-size:clamp(1.55rem,2vw,2rem);font-weight:760;line-height:1.2}.pupila-metrics .pm-stat-label{color:#655b64;font-size:.76rem;font-weight:600}.pupila-metrics .pm-stat-icon{width:36px;height:36px;color:var(--pm-wine);background:#f9eef1;border-radius:11px;place-items:center;display:grid}.pupila-metrics .pm-stat-change{color:#7a5460;font-size:.71rem;font-weight:700}@media(max-width:640px){.pupila-metrics>header{padding:16px}.pupila-metrics .pm-filter-bar{padding:12px}.pupila-metrics .pm-stat{padding:13px}.pupila-metrics table{font-size:.77rem}}@media(prefers-reduced-motion:reduce){.pupila-metrics button{transition:none}}.pupila-metrics{--pm-cream:#fbf7f5;--pm-gold:#b8914a;--pm-up:#1f7a4d;--pm-down:#b4233c}.pupila-metrics>header{background:radial-gradient(120% 140% at 100% 0,#f8e7ea,#fff 55%),#fff;border-color:#f0e3e6;position:relative;overflow:hidden}.pupila-metrics>header:after{content:"";background:linear-gradient(90deg,var(--pm-wine),#b03a5b 60%,var(--pm-gold));height:3px;position:absolute;inset:auto 0 0}.pupila-metrics>header p{color:#75686f}.pupila-metrics .pm-stat{transition:transform .18s,box-shadow .18s;position:relative}.pupila-metrics .pm-stat:hover{transform:translateY(-2px);box-shadow:0 12px 28px #5c253817}.pupila-metrics .pm-stat-change{background:var(--pm-cream);border-radius:999px;align-items:center;padding:2px 8px;display:inline-flex}.pupila-metrics :is(section,.pm-panel) caption{color:#31212a;padding:16px 16px 8px;font-weight:700}.pupila-metrics :is(section.rounded-2xl,.pm-panel){padding:clamp(14px,1.6vw,20px)}.pupila-metrics section.overflow-x-auto{padding:0}.pupila-metrics :is(.pp-card,.pp-kpi){border:1px solid var(--pm-border);border-radius:18px;box-shadow:0 7px 24px #5c25380d}.pupila-metrics .recharts-cartesian-grid line{stroke:#f1e8eb}.pupila-metrics .recharts-text{fill:#8a7b82}.pupila-metrics .recharts-tooltip-wrapper .recharts-default-tooltip{border-radius:12px;box-shadow:0 10px 24px #5c25381a;border-color:#eee1e5!important}@media(prefers-reduced-motion:reduce){.pupila-metrics .pm-stat{transition:none}.pupila-metrics .pm-stat:hover{transform:none}}.pupila-metrics .pm-report-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1.07fr) minmax(270px,.93fr);align-items:stretch;gap:16px;display:grid}.pupila-metrics .pm-report-grid>*,.pupila-metrics .pm-report-side{min-width:0}.pupila-metrics .pm-report-side{flex-direction:column;gap:16px;display:flex}.pupila-metrics .pm-ranking{flex:auto}.pupila-metrics .pm-ranking table{font-size:.75rem}.pupila-metrics .pm-ranking table th,.pupila-metrics .pm-ranking table td{padding:8px 6px}.pupila-metrics .pm-insights{flex:none}.pupila-metrics .pm-indicators{max-height:590px;overflow:auto}.pupila-metrics .pm-stat{flex-direction:column;justify-content:space-between;min-height:154px;display:flex}.pupila-metrics .pm-stat-value{font-variant-numeric:tabular-nums}.pupila-metrics .pm-evolution .recharts-responsive-container{min-height:260px}@media(max-width:1350px){.pupila-metrics .pm-report-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.pupila-metrics .pm-report-side{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media(max-width:760px){.pupila-metrics .pm-report-grid{grid-template-columns:minmax(0,1fr)}.pupila-metrics .pm-report-side{grid-column:auto;display:flex}.pupila-metrics .pm-indicators{max-height:none}}.pupila-metrics>header{isolation:isolate;background:radial-gradient(at 61% 38%,#ba7b8b21,#0000 37%),linear-gradient(105deg,#fff,#fff9fa 59%,#f8eef1);align-items:center;min-height:136px;position:relative;overflow:hidden}.pupila-metrics>header:after{content:"";opacity:.25;pointer-events:none;z-index:-1;border:2px solid #bc8795;border-radius:58% 42% 56% 44%/51% 46% 54% 49%;width:205px;height:155px;position:absolute;top:-22px;right:19%;transform:rotate(-24deg)}.pupila-metrics .pm-banner-caption{color:#8b5261;background:#ffffffb5;border:1px solid #f0e1e4;border-radius:999px;align-items:center;gap:10px;max-width:440px;margin-top:13px;padding:8px 13px;font-size:.75rem;font-style:italic;display:inline-flex}.pupila-metrics .pm-banner-caption svg{color:#965666;flex:none}@media(max-width:640px){.pupila-metrics>header{min-height:0}.pupila-metrics>header:after{opacity:.12;top:6px;right:-80px}.pupila-metrics .pm-banner-caption{border-radius:14px}}