.di-panel{padding:clamp(20px,3vw,40px);border:1px solid var(--line);border-radius:var(--radius,24px);background:linear-gradient(140deg,#edf4e3,var(--paper,#fffef9) 65%);margin:20px 0;color:var(--ink,#183a32)}.di-panel h2{font-size:clamp(25px,3vw,38px);margin:8px 0 10px;letter-spacing:-1px}.di-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.di-subtitle{color:var(--muted);margin-bottom:24px}.di-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:24px 0}.di-kpis>div{padding:22px;background:var(--surface,#fffef9);border-radius:18px;border:1px solid var(--line)}.di-kpis>div:nth-child(2){background:#ede8fb}.di-kpis>div:nth-child(3){background:#fff0d6}.di-kpis>div:nth-child(4){background:#e0f1f2}.di-kpis span,.di-kpis small{display:block;font-size:12px}.di-kpis strong{display:block;font-size:clamp(24px,3vw,40px);line-height:1.2;margin:12px 0;overflow-wrap:anywhere}.di-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.di-chart{background:var(--surface,#fffef9);padding:24px;border-radius:18px;margin-bottom:16px;border:1px solid var(--line);min-width:0}.di-chart h3{font-size:16px;margin:0 0 24px}.di-bar{margin:18px 0}.di-bar>div:first-child{display:flex;justify-content:space-between;gap:16px;font-size:12px}.di-bar span{overflow-wrap:anywhere}.di-bar b{flex-shrink:0}.di-track{height:12px;border-radius:12px;background:#e7ecdf;margin-top:9px;overflow:hidden}.di-track i{display:block;height:100%;background:linear-gradient(90deg,#1d8068,#82bba1);border-radius:12px}.di-stack{display:flex;overflow:hidden;height:32px;border-radius:9px;margin-bottom:22px}.di-stack i{height:100%}.di-legend>div{display:flex;align-items:center;gap:9px;font-size:12px;margin:14px 0}.di-legend i{width:10px;height:10px;border-radius:50%;flex-shrink:0}.di-legend span{flex:1;overflow-wrap:anywhere}.di-legend small{color:var(--muted);font-weight:400;margin-left:5px}.di-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.di-facts>div{padding:18px;border-radius:14px;background:var(--surface,#fffef9);border:1px solid var(--line)}.di-facts small,.di-facts b{display:block;overflow-wrap:anywhere}.di-facts b{margin-top:8px;font-size:14px}.di-panel footer{font-size:10px;color:var(--muted);margin-top:24px;overflow-wrap:anywhere}.di-select,.di-year{display:block;font-size:12px;font-weight:700;margin:20px 0}.di-select select{max-width:480px}.di-year select{max-width:180px}.di-indicators{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.di-indicators article{background:var(--surface,#fffef9);border:1px solid var(--line);padding:24px;border-radius:18px}.di-indicators article>span{font-size:10px;text-transform:uppercase;letter-spacing:1px}.di-indicators strong{display:block;font-size:38px;margin:18px 0}.di-indicators strong small{font-size:14px}.di-indicators h3{font-size:16px}.di-indicators p,.di-indicators article>small{font-size:12px;color:var(--muted)}.di-view{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.di-combined{margin:26px 0}.di-combined>summary{padding:18px;border:1px solid var(--line);border-radius:14px;font-weight:700;cursor:pointer}section[hidden]{display:none!important}@media(max-width:700px){.di-grid,.di-facts,.di-indicators{grid-template-columns:1fr}.di-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.di-kpis>div{padding:16px}.di-kpis strong{font-size:26px}.di-chart{padding:18px}.di-panel{padding:20px}.di-bar>div:first-child{flex-wrap:wrap;gap:4px}.di-view .btn{flex:1}}
