.qrs-hero{display:flex;align-items:center;justify-content:space-between;padding:28px 30px;margin-bottom:16px;border:1px solid #e0d9ff;border-radius:20px;background:linear-gradient(135deg,#fff,#f5f1ff);box-shadow:0 12px 32px rgba(78,57,164,.07)}.qrs-hero small{color:#7156dc;font-size:9px;font-weight:900;letter-spacing:.15em}.qrs-hero h2{margin:7px 0 6px;font-size:25px}.qrs-hero p{margin:0;color:#7b8593}.qrs-hero>i{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:linear-gradient(145deg,#7c60ec,#6246d2);color:#fff;font-size:25px;font-style:normal}.qrs-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.qrs-metrics article{display:flex;flex-direction:column;padding:17px 20px;border:1px solid #e4e7ed;border-radius:15px;background:#fff}.qrs-metrics b{font-size:21px}.qrs-metrics small{margin-top:4px;color:#8b94a1}.qrs-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:16px}.qrs-grid>.panel{padding:20px}.qrs-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.qrs-head h3{margin:0 0 5px}.qrs-head p{margin:0}.qrs-head select{padding:9px 32px 9px 11px;border:1px solid #dfe3ea;border-radius:9px;background:#fff}.qrs-event{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:11px;padding:13px 0;border-top:1px solid #edf0f4}.qrs-event>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff1df;color:#b87018;font-style:normal}.qrs-event.critical>i{background:#fff0f1;color:#b64150}.qrs-event>span{display:flex;flex-direction:column;gap:5px}.qrs-event b{font-size:10px;line-height:1.45}.qrs-event small{color:#8b94a1;font-size:8px}.qrs-event>div{display:flex;gap:5px}.qrs-event button{padding:7px 8px;border:1px solid #ddd8f5;border-radius:8px;background:#f4f1ff;color:#6047cb;font-size:8px}.qrs-terminals>div{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #edf0f4}.qrs-terminals>div>i{width:9px;height:9px;border-radius:50%;background:#bd4858;box-shadow:0 0 0 4px #fff0f1}.qrs-terminals>div>i.online{background:#1a9a69;box-shadow:0 0 0 4px #e6f7ef}.qrs-terminals span{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.qrs-terminals b{font-size:10px}.qrs-terminals small{color:#8b94a1;font-size:8px}.qrs-terminals em{color:#7d8798;font-size:8px;font-style:normal}.qrs-empty{padding:30px;text-align:center;color:#788393}@media(max-width:900px){.qrs-grid{grid-template-columns:1fr}.qrs-metrics{grid-template-columns:1fr 1fr}}@media(max-width:600px){.qrs-hero{padding:22px}.qrs-hero>i{display:none}.qrs-event{grid-template-columns:auto 1fr}.qrs-event>div{grid-column:2}.qrs-head{align-items:stretch;flex-direction:column}.qrs-head select{width:100%}}