.ad312-page{display:grid;gap:18px}.ad312-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px;border-radius:22px;background:linear-gradient(135deg,#123d2b,#1f6a46);color:#fff}.ad312-hero span,.ad312-dialog-head small{font-size:12px;font-weight:800;letter-spacing:.09em}.ad312-hero h2{margin:5px 0 6px;font-size:28px}.ad312-hero p{margin:0;max-width:760px;opacity:.9}.ad312-actions{display:flex;gap:10px;flex-wrap:wrap}.ad312-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ad312-kpis article{padding:17px;border:1px solid #dce8e1;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(23,59,43,.06)}.ad312-kpis small{display:block;color:#617268;font-weight:700}.ad312-kpis strong{display:block;margin-top:7px;font-size:25px;color:#173b2b}.ad312-kpis .small-value{font-size:15px;line-height:1.35}.ad312-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef2ef;font-size:12px;font-weight:800}.ad312-badge.good{background:#dff5e8;color:#17643b}.ad312-badge.warn{background:#fff1cc;color:#805d00}.ad312-badge.danger{background:#ffe1e1;color:#9d2929}.ad312-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ad312-link-list{display:grid;gap:10px}.ad312-link-list button{padding:14px;text-align:left;border:1px solid #d6e3db;border-radius:12px;background:#f8fbf9;font-weight:800;cursor:pointer}.ad312-link-list button:hover{border-color:#2a7650;background:#edf8f1}.ad312-modal{position:fixed;inset:0;z-index:99999;background:rgba(10,25,17,.62);display:grid;place-items:center;padding:20px}.ad312-dialog{width:min(650px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:22px;box-shadow:0 20px 70px rgba(0,0,0,.32)}.ad312-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e4ece7;margin-bottom:18px;padding-bottom:13px}.ad312-dialog-head h3{margin:4px 0}.ad312-dialog-head>button{border:0;background:#eef3ef;border-radius:10px;width:38px;height:38px;font-size:24px;cursor:pointer}.ad312-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.ad312-warning{padding:12px;border-radius:10px;background:#fff1d8;color:#714d00;margin:12px 0;font-weight:700}.ad312-dialog textarea{width:100%;min-height:90px}.ad312-page .table-wrap{max-height:560px;overflow:auto}
@media(max-width:1050px){.ad312-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.ad312-hero{align-items:flex-start;flex-direction:column}.ad312-kpis,.ad312-two{grid-template-columns:1fr}.ad312-actions{width:100%}.ad312-actions .btn{flex:1}.ad312-hero h2{font-size:23px}}