.v311-page{background:#f5f7fa;color:#102437}.v311-hero{padding:72px 0 42px;background:linear-gradient(135deg,#071b2e,#123b58);color:#fff}.v311-hero h1{font-size:clamp(2rem,5vw,4rem);margin:.35rem 0 1rem}.v311-hero p{max-width:820px;font-size:1.08rem;color:#dce8ef}.v311-note{margin-top:22px;padding:16px 18px;border:1px solid #ffffff33;border-radius:14px;background:#ffffff12}.v311-status{position:sticky;top:82px;z-index:10;padding:13px 16px;border-radius:12px;background:#e7f7ee;color:#11633a;margin-bottom:18px}.v311-status.error{background:#fdeaea;color:#9a2626}.v311-toolbar{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;margin-bottom:20px}.v311-toolbar label,.v311-form label{display:grid;gap:7px;font-weight:700}.v311-toolbar select,.v311-form input,.v311-form select,.v311-copy input,#v311LogFilter{width:100%;padding:12px;border:1px solid #ccd6df;border-radius:10px;background:#fff}.v311-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.v311-kpis article{padding:20px;border-radius:16px;background:#fff;box-shadow:0 8px 24px #1024370d}.v311-kpis strong{display:block;font-size:2rem;color:#0b3552}.v311-kpis span{color:#617080}.v311-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.v311-card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 10px 30px #1024370d}.v311-card.full{grid-column:1/-1}.v311-card header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.v311-card h2{margin:.2rem 0}.v311-card small{letter-spacing:.08em;color:#7b8a97}.v311-pill{padding:6px 10px;border-radius:999px;background:#eef3f6;color:#335469;font-size:.78rem}.v311-pill.blue{background:#e9f2ff;color:#235b9a}.v311-copy{display:flex;gap:8px;margin:16px 0}.v311-copy button{border:0;border-radius:10px;padding:0 16px;background:#0b3552;color:#fff}.v311-row{display:flex;gap:10px;flex-wrap:wrap}.v311-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v311-form .full{grid-column:1/-1}.v311-form .toggle{display:flex;align-items:center;gap:10px;align-self:end;padding:12px}.v311-list{display:grid;gap:10px}.v311-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:15px;border:1px solid #e2e8ed;border-radius:13px}.v311-item strong{display:block}.v311-item small{display:block;margin-top:4px;letter-spacing:0}.v311-item-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.v311-item-actions button{border:1px solid #cad5de;background:#fff;border-radius:9px;padding:8px 10px}.v311-state{display:inline-block;margin-top:7px;padding:4px 8px;border-radius:999px;font-size:.75rem;background:#f1f3f5}.v311-state.active,.v311-state.success{background:#e5f7ec;color:#16613a}.v311-state.error{background:#fdeaea;color:#9a2626}.v311-state.pending{background:#fff4d9;color:#805800}.v311-score{font-size:1.7rem;color:#b58a2b}.v311-checklist{display:grid;gap:9px}.v311-check{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf0f2}.v311-check.ok b{color:#1b7a48}@media(max-width:800px){.v311-toolbar,.v311-kpis,.v311-grid{grid-template-columns:1fr}.v311-card.full{grid-column:auto}.v311-form{grid-template-columns:1fr}.v311-form .full{grid-column:auto}.v311-item{grid-template-columns:1fr}.v311-copy{flex-direction:column}.v311-copy button{padding:12px}}