.sv312{max-width:1400px;margin:auto}.sv312-hero{display:flex;justify-content:space-between;gap:20px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#103b2d,#286249);color:#fff;margin-bottom:12px}.sv312-hero span{font-size:8px;font-weight:900;letter-spacing:1px;opacity:.75}.sv312-hero h1{font-size:24px;margin:7px 0}.sv312-hero p{font-size:10px;line-height:1.55;opacity:.86}.sv312-hero>b{height:max-content;font-size:8px;border:1px solid rgba(255,255,255,.25);padding:7px 10px;border-radius:999px}.sv312-card{background:#fff;border:1px solid #e0e9e4;border-radius:14px;padding:14px;margin-bottom:12px}.sv312-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.sv312-controls label{font-size:9px;font-weight:900;color:#395247}.sv312-controls select{width:100%;margin-top:5px;border:1px solid #d7e2dc;border-radius:9px;padding:9px;font-size:10px;background:#fff}.sv312-controls button{height:36px;border:0;border-radius:9px;background:#136b4b;color:#fff;padding:0 14px;font-size:9px;font-weight:900}.sv312-note{margin-top:10px;background:#fff8e9;border-left:3px solid #d49a27;border-radius:7px;padding:9px;font-size:9px;color:#6a582f}.sv312-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px}.sv312-kpis article{background:#fff;border:1px solid #e0e9e4;border-radius:12px;padding:12px}.sv312-kpis small{font-size:8px;font-weight:900;color:#75827c}.sv312-kpis strong{display:block;font-size:19px;color:#173f30;margin-top:5px}.sv312-head{display:flex;justify-content:space-between;gap:10px}.sv312-head h2,.sv312-card h2{font-size:13px;color:#173f30}.sv312-head span{font-size:9px;color:#65756d}.sv312-table{overflow-x:auto}.sv312-table table{width:100%;min-width:850px;border-collapse:collapse}.sv312-table th{background:#f3f7f5;text-align:left;padding:9px;font-size:8px}.sv312-table td{padding:9px;border-bottom:1px solid #edf1ef;font-size:9px}.sv312-guard{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sv312-guard div{background:#f5f9f7;border-radius:9px;padding:10px}.sv312-guard b{display:block;font-size:10px;color:#214b39}.sv312-guard span{font-size:8px;line-height:1.45;color:#64746c}@media(max-width:900px){.sv312-controls{grid-template-columns:1fr 1fr}.sv312-controls button{grid-column:1/-1}.sv312-kpis{grid-template-columns:repeat(3,1fr)}.sv312-guard{grid-template-columns:1fr 1fr}.sv312-hero{flex-direction:column}}@media(max-width:560px){.sv312-controls,.sv312-kpis,.sv312-guard{grid-template-columns:1fr}.sv312-controls button{grid-column:auto}}