.ops-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;padding:6px;background:#ebe9f5;border-radius:15px}.ops-tabs button{display:flex;align-items:center;gap:8px;padding:12px 17px;background:transparent;border:0;border-radius:11px;color:#66738b;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.ops-tabs button.active{background:#fff;color:#7453cb;box-shadow:0 3px 8px #3a286710}.ops-toolbar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:16px 0 22px}.ops-filter{display:grid;gap:6px;color:#65738c;font-size:11px}.ops-filter select{border:1px solid #dedfea;border-radius:9px;padding:9px 12px;background:#fff;color:#354964;min-width:145px}.ops-toolbar .search-field{flex:1;min-width:220px}.ops-toolbar .search-field input{border:1px solid #dedfea;border-radius:9px;color:#354964;background:#fff;padding:10px 12px 10px 36px;width:100%}.ops-help{color:#7f8da4;font-size:11px;line-height:1.7}.ops-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.ops-metric{text-align:left;border:1px solid #e2deef;border-radius:18px;padding:21px;background:#fff;color:#526783;display:grid;gap:8px;cursor:pointer;font:inherit}.ops-metric strong{font-size:32px;line-height:1.1}.ops-metric span{font-size:12px;font-weight:600}.ops-metric small{font-size:10px;color:#8291aa}.ops-metric.danger{background:#fff4f3;border-color:#f3d8d5;color:#bd5d58}.ops-metric.purple{background:#f3efff;color:#8865ce;border-color:#e2d7fc}.ops-metric.blue{background:#edf4ff;color:#547fbd;border-color:#dce8fc}.ops-metric.green{background:#edf8f4;color:#4b9c80;border-color:#d5eee3}.ops-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ops-columns>.panel{min-width:0}.ops-quick{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 25px}.ops-quick button{display:flex;align-items:center;gap:8px;border:1px solid #e3ddef;border-radius:10px;padding:10px 14px;background:#fff;color:#7b6b9b;font:inherit;font-size:11px;cursor:pointer}.ops-sub{display:block;margin-top:5px;color:#94a3ba;font-size:10px;font-weight:400}.ops-deadline{display:block;margin-top:5px;font-size:10px;color:#7d9c8c;font-weight:400}.ops-deadline.late,.ops-late{color:#c26962}.ops-deadline.near{color:#bc9862}.ops-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.ops-detail-grid>div{padding:15px;background:#f6f7fc;border-radius:12px;display:flex;flex-direction:column;gap:8px}.ops-detail-grid small{font-size:10px;color:#8b99b0}.ops-detail-grid strong{font-size:14px;color:#435b7a}.ops-notes{white-space:pre-wrap;color:#7186a7;background:#f8f7fc;padding:16px;border-radius:12px;margin-bottom:16px;font-size:12px;overflow-wrap:anywhere}.ops-wide{grid-column:1/-1}.ops-wide input{margin-bottom:7px}.ops-external{display:inline-flex;align-items:center;gap:6px;color:#906fc1;margin:0 0 18px;font-size:12px}.ops-dashboard-strip{width:100%;display:flex;gap:18px;align-items:center;justify-content:space-between;background:#f0ebfc;border:1px solid #e2d8f6;border-radius:13px;padding:13px 18px;margin-bottom:20px;color:#8b72b4;font:inherit;font-size:11px;text-align:left;cursor:pointer}.ops-dashboard-strip>span:first-child{display:flex;align-items:center;gap:8px;font-weight:600;color:#7c60a7}.ops-dashboard-strip>span:nth-child(2){margin-left:auto}.ops-tabs button:hover,.ops-quick button:hover{color:#6842bc}.ops-toolbar input:focus,.ops-filter select:focus{outline:2px solid #e1d5f7;border-color:#b99de4}.ops-detail-grid+h3{color:#4b6382}.ops-metric:focus-visible,.ops-tabs button:focus-visible,.ops-quick button:focus-visible{outline:2px solid #926fcb;outline-offset:3px}@media(max-width:1050px){.ops-metrics{grid-template-columns:repeat(2,1fr)}.ops-columns{grid-template-columns:1fr}.ops-tabs button{padding:11px 12px;font-size:11px}}@media(max-width:650px){.ops-tabs{gap:2px}.ops-tabs button{flex:1;justify-content:center;font-size:10px}.ops-metrics{gap:10px}.ops-metric{padding:15px}.ops-detail-grid{grid-template-columns:1fr 1fr}.ops-dashboard-strip{flex-wrap:wrap;gap:8px}.ops-dashboard-strip>span:nth-child(2){margin:0}.ops-toolbar .search-field{flex-basis:100%}.ops-filter{flex:1}.ops-filter select{min-width:0;width:100%}}