.ops-filters{display:flex;align-items:end;flex-wrap:wrap;gap:14px;background:#fff;border:1px solid #dfe8eb;border-radius:12px;padding:20px;margin:20px 0 10px}.ops-filters label{display:grid;gap:8px;min-width:150px;flex:1;color:#607985}.ops-filters select,.ops-filters input{width:100%;min-width:0}.ops-ranges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 26px}.ops-ranges>span{font-size:13px;color:#82959f;margin-left:10px}.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:24px 0}.ops-metric{padding:24px;border:1px solid #dbe5e9;border-radius:16px;background:linear-gradient(120deg,#fff,#f8fcfb);min-height:165px}.ops-metric:first-child{border-top:4px solid #25a99a;padding-top:21px}.ops-metric>div{display:flex;align-items:start;justify-content:space-between;gap:8px;color:#56717b}.ops-metric small{font-size:11px;color:#398b80;background:#e8f6f3;border-radius:5px;padding:4px;white-space:nowrap}.ops-metric strong{display:block;font-size:34px;line-height:1.25;margin:25px 0 16px;overflow-wrap:anywhere;color:#193740}.ops-metric p{margin:0;color:#80929a;font-size:13px;line-height:1.5}.ops-fields{position:relative;align-self:end;padding:10px 0}.ops-fields summary{cursor:pointer;white-space:nowrap}.ops-fields>div{position:absolute;right:0;top:40px;background:white;box-shadow:0 4px 20px #183b4922;border:1px solid #dbe5e9;border-radius:10px;padding:15px;min-width:230px;z-index:10;display:grid;gap:12px}.ops-fields label{display:flex;align-items:center;min-width:0}.ops-fields input{width:auto}.ops-sync{background:white;border:1px solid #dfe8eb;border-radius:10px;padding:16px;margin-bottom:22px}.ops-sync summary{cursor:pointer;color:#607985}.operations-dashboard .panel .toolbar{padding:16px}.operations-dashboard th button{white-space:nowrap}@media(max-width:1150px){.ops-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ops-metric{padding:16px}.ops-metric strong{font-size:27px}.ops-filters{gap:10px;padding:14px}.ops-filters label{min-width:130px}.ops-fields>div{left:0;right:auto}}@media(max-width:420px){.ops-metric>div{flex-direction:column}.ops-metric strong{font-size:25px}.ops-metric{min-height:170px}.ops-ranges>span{margin-left:0}}