feat: add Fleet operations view

backend/app/frontend/static/app.css

@@ -1246,3 +1246,114 @@ button.map-position:hover {
     .map-search { grid-column: auto; }
     .position-grid { grid-template-columns: repeat(2, minmax(104px, 1fr)); }
 }
+
+/* Fleet operations */
+.fleet-panel { padding: 14px; }
+.fleet-filters {
+    display: grid;
+    grid-template-columns: minmax(220px, 1.6fr) repeat(5, minmax(130px, 1fr));
+    align-items: end;
+    gap: 9px;
+    margin-bottom: 12px;
+}
+.fleet-filters .field { min-width: 0; }
+.fleet-filters .field input,
+.fleet-filters .field select { min-height: 38px; }
+.fleet-search { grid-column: span 2; }
+.check-control {
+    display: flex;
+    align-items: center;
+    min-height: 38px;
+    gap: 7px;
+    color: #40505f;
+    font-size: 12px;
+    font-weight: 750;
+}
+.check-control input { width: 17px; height: 17px; }
+.fleet-filter-actions { display: flex; gap: 7px; }
+.fleet-filter-actions .quiet-button { color: var(--ink); }
+.fleet-table { min-width: 1320px; }
+.fleet-table th,
+.fleet-table td { padding: 8px 9px; }
+.fleet-table th { white-space: nowrap; }
+.fleet-row { border-left: 4px solid transparent; }
+.fleet-row[data-status="offline"] { border-left-color: #b42318; background: #fff5f4; }
+.fleet-row[data-status="unstable"] { border-left-color: #9a5b00; background: #fff9ed; }
+.fleet-row[data-status="repair"] { border-left-color: #6b4ca5; background: #f7f3fc; }
+.fleet-row[data-status="unknown"] { border-left-color: #596675; background: #f7f8fa; }
+.fleet-row[data-status="online"],
+.fleet-row[data-status="spare"],
+.fleet-row[data-status="retired"] { border-left-color: #c6ced5; }
+.fleet-stack { display: grid; gap: 2px; }
+.fleet-primary { font-weight: 700; }
+.fleet-status { font-weight: 750; white-space: nowrap; }
+.fleet-status::before {
+    content: "";
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    margin-right: 7px;
+    border: 2px solid currentColor;
+    border-radius: 50%;
+}
+.fleet-status[data-status="online"] { color: #315c45; }
+.fleet-status[data-status="offline"] { color: #8f1d14; }
+.fleet-status[data-status="unstable"] { color: #754600; }
+.fleet-status[data-status="repair"] { color: #523884; }
+.fleet-status[data-status="unknown"] { color: #354351; }
+.fleet-status[data-status="spare"] { color: #075b91; }
+.fleet-status[data-status="retired"] { color: #4d5660; }
+.fleet-uuid { max-width: 150px; overflow: hidden; text-overflow: ellipsis; }
+.fleet-location { min-width: 180px; max-width: 260px; }
+.fleet-actions { display: grid; gap: 6px; white-space: nowrap; }
+.quiet-link { color: #40505f; font-weight: 700; }
+.fleet-result-summary { margin: 0 0 8px; color: var(--muted); font-size: 12px; }
+.fleet-pagination {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 9px;
+    margin-top: 12px;
+    color: #40505f;
+    font-size: 12px;
+    font-weight: 700;
+}
+.fleet-pagination select { min-height: 34px; }
+
+@media (max-width: 1180px) {
+    .fleet-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+    .fleet-search { grid-column: span 2; }
+}
+
+@media (max-width: 680px) {
+    .fleet-panel { padding: 12px; }
+    .fleet-panel .panel-head { align-items: flex-start; }
+    .fleet-filters { grid-template-columns: 1fr 1fr; }
+    .fleet-search { grid-column: 1 / -1; }
+    .fleet-filter-actions { grid-column: 1 / -1; }
+    .fleet-filter-actions > * { flex: 1; }
+    .fleet-table { min-width: 0; }
+    .fleet-table tbody { gap: 12px; }
+    .fleet-table tr { border-left-width: 4px; padding: 8px; }
+    .fleet-table td {
+        display: grid;
+        grid-template-columns: minmax(95px, .8fr) minmax(0, 1.6fr);
+        gap: 10px;
+        padding: 7px 5px;
+    }
+    .fleet-table td::before {
+        content: attr(data-label);
+        color: #40505f;
+        font-size: 11px;
+        font-weight: 750;
+    }
+    .fleet-location { min-width: 0; max-width: none; }
+    .fleet-actions { white-space: normal; }
+    .fleet-pagination { justify-content: space-between; flex-wrap: wrap; }
+}
+
+@media (max-width: 420px) {
+    .fleet-filters { grid-template-columns: 1fr; }
+    .fleet-search, .fleet-filter-actions { grid-column: auto; }
+    .fleet-table td { grid-template-columns: 88px minmax(0, 1fr); }
+}