.rofd{font-family:Inter,Arial,sans-serif;color:#172235;max-width:1250px;margin:20px auto;background:#eef3f8;border:1px solid #d8e1eb;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #17223518}.rofd-head{background:linear-gradient(120deg,#10233b,#173f68);color:#fff;padding:22px 26px;display:flex;justify-content:space-between;align-items:center}.rofd-head h2{margin:0;font-size:25px}.rofd-head p{margin:5px 0 0;opacity:.8}.rofd-badge{background:#149b67;padding:7px 12px;border-radius:20px;font-size:11px;font-weight:700}.rofd-grid{display:grid;grid-template-columns:360px 1fr;gap:14px;padding:14px}.rofd-card{background:#fff;border:1px solid #dce4ed;border-radius:8px;padding:16px}.rofd-card h3{margin:0 0 14px;color:#15375e}.rofd-tabs{display:flex;gap:8px;margin-bottom:15px}.rofd-tabs button,.rofd-actions button{border:1px solid #c9d4e1;background:#fff;padding:10px 12px;border-radius:6px;cursor:pointer}.rofd-tabs button.active,.rofd-actions button:first-child{background:var(--rofd-primary);border-color:var(--rofd-primary);color:#fff}.rofd-input label{display:block;font-size:12px;font-weight:700;margin:10px 0;position:relative}.rofd-input input,.rofd-input select{box-sizing:border-box;width:100%;margin-top:5px;padding:9px;border:1px solid #ccd7e3;border-radius:5px;background:#fff}.rofd-input small{position:absolute;right:8px;bottom:9px;color:#6c7785}.rofd-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rofd-actions{display:flex;gap:10px;margin-top:15px}.rofd-actions button{flex:1;font-weight:700}.rofd-actions .secondary{background:#fff;color:#23354b}.rofd-result-head{display:flex;justify-content:space-between;align-items:center}.rofd-result-head span{padding:7px 11px;border-radius:16px;font-weight:700;font-size:12px;background:#edf1f5}.rofd-result-head span.ok{background:#dff6e9;color:#08783f}.rofd-result-head span.bad{background:#ffe5e2;color:#a32118}.rofd-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.rofd-metrics>div{background:#eef7ff;border:1px solid #d4e8fa;padding:13px;border-radius:7px}.rofd-metrics b{display:block;font-size:11px;color:#49627e}.rofd-metrics strong{display:block;font-size:17px;margin:8px 0}.rofd-metrics em{font-style:normal;font-size:10px;color:#5b6877}.rofd-diagrams{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:12px}.rofd-diagrams>div{border:1px solid #dce4ed;border-radius:7px;padding:7px;min-height:270px}.rofd-svg{width:100%;height:285px}.rofd-table{margin-top:12px}.rofd-table table{width:100%;border-collapse:collapse;font-size:12px}.rofd-table th,.rofd-table td{padding:9px;border:1px solid #dce4ed;text-align:center}.rofd-table th{background:#edf4fa}.rofd-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.rofd-bottom>div{border:1px solid #dce4ed;padding:12px;border-radius:7px}.rofd-bottom p{margin:7px 0;font-size:12px;border-bottom:1px solid #edf0f3;padding-bottom:6px}.rofd-bottom p span{float:right}.rofd-bottom p.ok b{color:#07874a}.rofd-bottom p.bad b{color:#b02a1e}.rofd-foot{padding:11px 18px;color:#667586;font-size:11px;text-align:right}@media(max-width:900px){.rofd-grid{grid-template-columns:1fr}.rofd-metrics{grid-template-columns:1fr 1fr}.rofd-diagrams,.rofd-bottom{grid-template-columns:1fr}}