diff --git a/static/style.css b/static/style.css index 1942f1b..20ce51c 100644 --- a/static/style.css +++ b/static/style.css @@ -542,8 +542,11 @@ body { .app-main { flex: 1; - padding: 18px 22px 16px; - background: radial-gradient(circle at top, #020617, #020617 50%, #020617 100%); + padding: 20px 24px 18px; + background: + radial-gradient(circle at top left, rgba(59, 130, 246, 0.25), transparent 55%), + radial-gradient(circle at bottom right, rgba(236, 72, 153, 0.18), transparent 55%), + #020617; color: #e5e7eb; overflow-y: auto; } @@ -569,6 +572,8 @@ body { display: flex; flex-direction: column; gap: 18px; + max-width: 1040px; + margin: 0 auto; } .dashboard h2, @@ -585,23 +590,26 @@ body { .grid-2 { display: grid; - grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); - gap: 16px; + grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); + gap: 20px; } .grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); - gap: 16px; + gap: 18px; margin-top: 12px; } .card { - background: radial-gradient(circle at top left, #020617, #020617 60%); + background: + radial-gradient(circle at top left, rgba(30, 64, 175, 0.22), transparent 60%), + radial-gradient(circle at bottom right, rgba(8, 47, 73, 0.36), transparent 55%), + #020617; border-radius: 16px; padding: 16px 18px; - border: 1px solid rgba(148, 163, 184, 0.25); - box-shadow: 0 12px 30px rgba(15, 23, 42, 0.7); + border: 1px solid rgba(148, 163, 184, 0.32); + box-shadow: 0 18px 40px rgba(15, 23, 42, 0.85); } .card h2, @@ -703,12 +711,12 @@ body { .summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 10px; + gap: 12px; margin-top: 4px; } .summary-item { - background: rgba(15, 23, 42, 0.9); + background: rgba(15, 23, 42, 0.92); border-radius: 12px; padding: 8px 10px; border: 1px solid rgba(148, 163, 184, 0.4);