.value.compact{justify-content:center;min-height:92px}.value.compact b{font-size:18px}
.material-hero{background:linear-gradient(135deg,#fff9df,#f5f6f7 70%);border-radius:18px;padding:28px;margin-bottom:22px}.material-hero>h1{font-size:32px;margin:0}.material-hero>p{color:#7d8188}
.material-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.material-kpis>div{background:#fff;border:1px solid #eee7cb;border-radius:20px;padding:24px;min-height:155px;box-shadow:0 10px 28px #6b55000c;position:relative;overflow:hidden}.material-kpis>div:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-28px;bottom:-28px;background:#fff4c4}.material-kpis small,.material-kpis span{display:block;color:#827d70}.material-kpis strong{display:block;font-size:38px;margin:16px 0}.material-kpis .focus{background:#171c21;color:#fff;border-color:#171c21}.material-kpis .focus small,.material-kpis .focus span{color:#f6dfa0}.material-kpis .focus:after{background:#f4c40026}
.material-analysis{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.material-chart,.material-top{background:#fff;border:1px solid #eee7cb;border-radius:20px;padding:24px}.material-analysis h3{font-size:20px;margin:0}.material-analysis p{color:#8b8578;margin:8px 0 18px}.material-chart svg{width:100%;height:255px}.material-chart line{stroke:#eee7d5}.material-chart polyline{fill:none;stroke:#e7a900;stroke-width:4;stroke-linejoin:round}.material-chart circle{fill:#fff;stroke:#e7a900;stroke-width:4}.material-chart text{font-size:11px;text-anchor:middle;fill:#817b70}.material-chart text.amount{font-weight:700;fill:#665d4d}
.material-top>div:not(.empty){display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;border:1px solid #eee6d4;border-radius:13px;padding:12px;margin-top:10px}.material-top>div>b:first-child{width:30px;height:30px;border-radius:9px;background:#fff3c0;color:#946c00;display:grid;place-items:center}.material-top span>strong{display:block}.material-top i{display:block;height:8px;background:#ece9e1;border-radius:8px;margin-top:8px;overflow:hidden}.material-top em{display:block;height:100%;background:linear-gradient(90deg,#e5a500,#ffd54a);border-radius:8px}.material-ops{margin-top:28px}.empty{color:#8b8578;padding:25px 0}
@media(max-width:1300px){.material-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.material-analysis{grid-template-columns:1fr}}@media(max-width:700px){.material-kpis{grid-template-columns:1fr}}
.clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.clickable:hover{transform:translateY(-2px);box-shadow:0 12px 28px #171c2118}.material-hint{margin-top:12px;padding:13px 15px;border-radius:12px;background:#fff8d9;border:1px solid #f0d36a;display:grid;gap:5px;font-size:12px}.material-hint b{color:#6f5200}.material-hint span{color:#6d665a}.edit-cell .btn{padding:6px 12px}