.vf111-support-page{padding:8px 0 32px;color:#e8f7ef}
.vf111-card{background:linear-gradient(145deg,rgba(13,25,42,.96),rgba(8,28,22,.96));border:1px solid rgba(71,255,145,.18);border-radius:24px;padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.vf111-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.vf111-head h2{font-size:clamp(28px,3vw,46px);line-height:1.02;margin:8px 0;color:#f1fff8;letter-spacing:-.04em}
.vf111-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(74,255,144,.24);background:rgba(34,197,94,.1);color:#55f48c;border-radius:999px;padding:7px 12px;text-transform:uppercase;font-weight:900;font-size:12px;letter-spacing:.18em}
.vf111-muted{color:#a6b8b0;margin:0;font-size:14px;line-height:1.45}
.vf111-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.vf111-btn{border:1px solid rgba(126,255,174,.18);background:#101b2a;color:#e9fff3;border-radius:13px;padding:11px 16px;font-weight:900;cursor:pointer}.vf111-btn:hover{background:#163021;border-color:rgba(82,255,143,.45)}
.vf111-btn.primary{background:linear-gradient(135deg,#27d95f,#78f064);color:#052011;border:0}.vf111-btn.small{padding:7px 10px;font-size:12px;border-radius:10px}
.vf111-alert{padding:14px 16px;border:1px solid rgba(74,222,128,.22);background:rgba(34,197,94,.1);border-radius:16px;color:#c9ffe0;margin:12px 0}.vf111-alert.danger{border-color:rgba(248,113,113,.28);background:rgba(127,29,29,.24);color:#ffd4d4}
.vf111-kpis{display:grid;grid-template-columns:repeat(9,minmax(100px,1fr));gap:10px;margin:20px 0}.vf111-kpi{background:rgba(8,16,28,.75);border:1px solid rgba(148,163,184,.15);border-radius:18px;padding:16px;min-height:90px;position:relative;overflow:hidden}.vf111-kpi:after{content:"";position:absolute;right:-30px;bottom:-30px;width:90px;height:90px;background:radial-gradient(circle,rgba(34,197,94,.28),transparent 65%)}.vf111-kpi span{display:block;color:#9cb2aa;font-size:12px;font-weight:800}.vf111-kpi strong{display:block;font-size:28px;margin-top:8px;color:#f4fff8}.vf111-kpi.warn strong{color:#fde68a}.vf111-kpi.danger strong{color:#fca5a5}
.vf111-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vf111-section{background:rgba(10,22,30,.76);border:1px solid rgba(148,163,184,.14);border-radius:20px;padding:18px;min-width:0}.vf111-section.wide{grid-column:1/-1}.vf111-section h3{margin:0 0 6px;color:#f4fff8;font-size:18px}.vf111-table-wrap{overflow:auto;border-radius:14px;border:1px solid rgba(148,163,184,.12);margin-top:12px}.vf111-table{width:100%;border-collapse:collapse;min-width:680px}.vf111-table th{color:#9db3ab;text-align:left;text-transform:uppercase;letter-spacing:.09em;font-size:11px;background:rgba(2,8,23,.45)}.vf111-table td,.vf111-table th{padding:12px;border-bottom:1px solid rgba(148,163,184,.1);vertical-align:top}.vf111-table tr:last-child td{border-bottom:0}.vf111-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;border:1px solid rgba(148,163,184,.16);background:rgba(148,163,184,.09);color:#dbeafe}.vf111-pill.ok{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.25);color:#bbf7d0}.vf111-pill.warn{background:rgba(234,179,8,.15);border-color:rgba(234,179,8,.28);color:#fde68a}.vf111-pill.danger{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.28);color:#fecaca}.vf111-empty{padding:20px;border:1px dashed rgba(148,163,184,.18);border-radius:14px;color:#9db3ab;margin-top:12px}.vf111-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#c8f7d7}.vf111-message{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vf111-close{white-space:nowrap}
@media (max-width:1300px){.vf111-kpis{grid-template-columns:repeat(3,1fr)}.vf111-grid{grid-template-columns:1fr}}
@media (max-width:760px){.vf111-card{padding:16px;border-radius:18px}.vf111-head{display:block}.vf111-actions{margin-top:12px}.vf111-kpis{grid-template-columns:1fr 1fr}.vf111-table{min-width:620px}}