strankovani u deploys a styly pro pocitadla

app/static/styles.css

@@ -148,6 +148,7 @@ main {
 .stat-card {
     background: var(--card);
     border: 1px solid var(--border);
+    border-left: 5px solid var(--secondary);
     border-radius: 8px;
     padding: 18px;
     box-shadow: 0 8px 24px rgba(30, 81, 107, 0.07);
@@ -168,6 +169,37 @@ main {
     color: var(--secondary);
 }
 
+.stat-success {
+    border-left-color: var(--success);
+    background: linear-gradient(90deg, var(--success-bg), var(--card) 46%);
+}
+
+.stat-success strong {
+    color: var(--success);
+}
+
+.stat-warning {
+    border-left-color: var(--warning);
+    background: linear-gradient(90deg, var(--warning-bg), var(--card) 46%);
+}
+
+.stat-warning strong {
+    color: var(--warning);
+}
+
+.stat-danger {
+    border-left-color: var(--danger);
+    background: linear-gradient(90deg, var(--danger-bg), var(--card) 46%);
+}
+
+.stat-danger strong {
+    color: var(--danger);
+}
+
+.stat-total {
+    border-left-color: var(--secondary);
+}
+
 table {
     border-collapse: collapse;
     width: 100%;
@@ -232,6 +264,14 @@ button:hover,
     background: var(--secondary-dark);
 }
 
+.btn.disabled,
+.btn.disabled:hover {
+    background: #b8c8d0;
+    color: #f8fbfc;
+    cursor: not-allowed;
+    pointer-events: none;
+}
+
 .danger {
     background: var(--danger);
 }
@@ -392,3 +432,26 @@ pre {
     align-items: center;
     flex-wrap: wrap;
 }
+
+.pagination {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    color: var(--muted);
+    font-size: 13px;
+    font-weight: 700;
+    margin: 12px 0;
+}
+
+.pagination-actions {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-wrap: wrap;
+}
+
+.page-indicator {
+    color: var(--secondary);
+    white-space: nowrap;
+}