:root{color-scheme:light}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:#f6f4f1;color:#241a14;font-size:13px}a{color:inherit;text-decoration:none}.page{padding:20px}.page-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:16px}.page-head h1{margin:0;font-size:20px;font-weight:600}.page-head p{margin:6px 0 0;color:#96837a;font-size:12.5px}.card{background:#fff;border:1px solid #ebe1d6;border-radius:12px;box-shadow:0 1px 2px #241a140a,0 12px 28px -24px #241a1440}.card-hd{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #ebe1d6}.card-hd h3{margin:0;font-size:14px;font-weight:600}.card-bd{padding:18px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi{padding:16px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-26px;top:-26px;width:96px;height:96px;border-radius:50%;background:#fbf3ec}.kpi label{font-size:12px;color:#96837a}.kpi b{display:block;margin-top:6px;font-size:25px;font-variant-numeric:tabular-nums}.kpi span{display:block;margin-top:6px;font-size:11px;color:#96837a}.muted{color:#96837a}.tnum{font-variant-numeric:tabular-nums}.flex{display:flex}.gap-8{gap:8px}.ml-auto{margin-left:auto}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:1fr}}
