style: Add responsive CSS for dashboard, auth, and cards

app/assets/css/app.css

@@ -408,6 +408,128 @@ section h2 {
   border-radius: 8px;
 }
 
+/* Dashboard Stats */
+.dashboard-stats {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 1.5rem;
+  margin: 2rem 0;
+}
+
+.stat-card {
+  background: white;
+  border: 1px solid #e0e0e0;
+  border-radius: 12px;
+  padding: 1.5rem;
+  text-align: center;
+  transition: box-shadow 0.2s;
+}
+
+.stat-card:hover {
+  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+}
+
+.stat-value {
+  font-size: 2.5rem;
+  font-weight: bold;
+  color: #2d5a27;
+  margin-bottom: 0.5rem;
+}
+
+.stat-label {
+  color: #666;
+  margin-bottom: 1rem;
+}
+
+.stat-link {
+  display: inline-block;
+  font-size: 0.9rem;
+  color: #2d5a27;
+  text-decoration: none;
+}
+
+.stat-link:hover {
+  text-decoration: underline;
+}
+
+/* Quick Actions */
+.quick-actions {
+  margin: 2rem 0;
+}
+
+.action-buttons {
+  display: flex;
+  gap: 1rem;
+  flex-wrap: wrap;
+  margin-top: 1rem;
+}
+
+.action-buttons .btn {
+  padding: 0.75rem 1.5rem;
+}
+
+/* Recent Activity */
+.recent-activity {
+  margin: 2rem 0;
+}
+
+/* Admin Links */
+.admin-links ul {
+  list-style: none;
+  padding: 0;
+}
+
+.admin-links li {
+  padding: 0.75rem 0;
+  border-bottom: 1px solid #eee;
+}
+
+.admin-links a {
+  font-weight: 500;
+  color: #2d5a27;
+}
+
+/* Forms */
+.player-form {
+  max-width: 500px;
+  margin: 2rem 0;
+}
+
+.form-group {
+  margin-bottom: 1.5rem;
+}
+
+.form-group label {
+  display: block;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+}
+
+.form-group input {
+  width: 100%;
+  padding: 0.75rem;
+  border: 1px solid #ddd;
+  border-radius: 6px;
+  font-size: 1rem;
+}
+
+.form-group input:focus {
+  outline: none;
+  border-color: #2d5a27;
+  box-shadow: 0 0 0 2px rgba(45, 90, 39, 0.2);
+}
+
+.form-group small {
+  color: #666;
+  font-size: 0.875rem;
+}
+
+.form-actions {
+  display: flex;
+  gap: 1rem;
+  margin-top: 2rem;
+}
+
 /* Auth Pages */
 .auth-container {
   display: flex;