diff --git a/app/assets/css/app.css b/app/assets/css/app.css index 3551806..adac05f 100644 --- a/app/assets/css/app.css +++ b/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;