diff --git a/css/dashboard.css b/css/dashboard.css index 43401bc..1fe9390 100644 --- a/css/dashboard.css +++ b/css/dashboard.css @@ -3,12 +3,10 @@ padding: 0; box-sizing: border-box; } - body { font-family: 'Montserrat', sans-serif; background: #f5f5f5; } - .dashboard-nav { background: #e85d04; color: white; @@ -18,18 +16,15 @@ body { align-items: center; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } - .logo { font-size: 1.5rem; font-weight: 700; } - .user-info { display: flex; gap: 1.5rem; align-items: center; } - .points { background: white; color: #e85d04; @@ -37,7 +32,6 @@ body { border-radius: 20px; font-weight: 700; } - .btn-logout { background: white; color: #e85d04; @@ -47,62 +41,51 @@ body { cursor: pointer; font-weight: 600; } - .dashboard-container { display: flex; min-height: calc(100vh - 70px); } - .sidebar { width: 250px; background: white; padding: 2rem 0; box-shadow: 2px 0 10px rgba(0,0,0,0.05); } - .sidebar ul { list-style: none; } - .sidebar li { padding: 1rem 2rem; cursor: pointer; transition: all 0.3s; border-left: 4px solid transparent; } - .sidebar li:hover, .sidebar li.active { background: #faf3e0; border-left-color: #e85d04; color: #e85d04; } - .main-content { flex: 1; padding: 2rem; overflow-y: auto; } - .section { display: none; } - .section.active { display: block; } - h2 { color: #e85d04; margin-bottom: 2rem; font-size: 2rem; } - /* Matches Grid */ .matches-grid { display: grid; gap: 1.5rem; } - .match-card { background: white; border-radius: 15px; @@ -115,18 +98,15 @@ h2 { cursor: pointer; transition: transform 0.2s; } - .match-card:hover { transform: translateY(-3px); box-shadow: 0 5px 20px rgba(0,0,0,0.1); } - .player-info { display: flex; align-items: center; gap: 1rem; } - .player-photo { width: 60px; height: 60px; @@ -134,27 +114,22 @@ h2 { object-fit: cover; border: 3px solid #e85d04; } - .player-details h3 { color: #333; margin-bottom: 0.3rem; } - .player-details p { color: #666; font-size: 0.9rem; } - .vs { font-weight: 700; color: #e85d04; font-size: 1.2rem; } - .match-info { text-align: right; } - .match-info .round { background: #e85d04; color: white; @@ -163,19 +138,16 @@ h2 { display: inline-block; margin-bottom: 0.5rem; } - .match-info .date { color: #666; font-size: 0.9rem; } - /* Players Grid */ .players-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2rem; } - .player-card { background: white; border-radius: 15px; @@ -183,18 +155,15 @@ h2 { box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: transform 0.3s; } - .player-card:hover { transform: translateY(-5px); } - .player-header { background: linear-gradient(135deg, #e85d04, #faedcd); padding: 2rem; text-align: center; position: relative; } - .player-header img { width: 120px; height: 120px; @@ -202,33 +171,27 @@ h2 { border: 4px solid white; object-fit: cover; } - .player-header h3 { color: white; margin-top: 1rem; font-size: 1.5rem; } - .player-body { padding: 1.5rem; } - .stat-row { display: flex; justify-content: space-between; padding: 0.8rem 0; border-bottom: 1px solid #eee; } - .strengths, .weaknesses { margin-top: 1rem; } - .strengths h4, .weaknesses h4 { color: #e85d04; margin-bottom: 0.5rem; } - .tag { display: inline-block; padding: 0.3rem 0.8rem; @@ -236,17 +199,14 @@ h2 { font-size: 0.85rem; margin: 0.2rem; } - .tag.strength { background: #d4edda; color: #155724; } - .tag.weakness { background: #f8d7da; color: #721c24; } - /* Leaderboard */ .leaderboard-table { width: 100%; @@ -255,30 +215,25 @@ h2 { overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.05); } - .leaderboard-table th, .leaderboard-table td { padding: 1rem; text-align: left; border-bottom: 1px solid #eee; } - .leaderboard-table th { background: #e85d04; color: white; font-weight: 600; } - .leaderboard-table tr:hover { background: #faf3e0; } - /* Stats */ .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; } - .stat-card { background: white; padding: 2rem; @@ -286,18 +241,15 @@ h2 { text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0.05); } - .stat-card h3 { color: #666; margin-bottom: 1rem; } - .stat-card p { font-size: 2.5rem; font-weight: 700; color: #e85d04; } - /* Modal */ .modal { display: none; @@ -309,7 +261,6 @@ h2 { height: 100%; background: rgba(0,0,0,0.5); } - .modal-content { background: white; margin: 2% auto; @@ -321,7 +272,6 @@ h2 { overflow-y: auto; position: relative; } - .close { position: absolute; right: 1.5rem; @@ -330,7 +280,6 @@ h2 { cursor: pointer; color: #666; } - .prediction-options { display: grid; grid-template-columns: 1fr auto 1fr; @@ -338,7 +287,6 @@ h2 { align-items: center; margin: 2rem 0; } - .predict-btn { background: #e85d04; color: white; @@ -350,19 +298,16 @@ h2 { cursor: pointer; transition: all 0.3s; } - .predict-btn:hover { background: #d84d00; transform: scale(1.05); } - .probabilities { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; } - .prob-bar { width: 100%; height: 30px; @@ -370,47 +315,39 @@ h2 { border-radius: 15px; overflow: hidden; } - .prob-fill { height: 100%; background: linear-gradient(90deg, #e85d04, #faedcd); transition: width 0.5s; } - .matchup-analysis { background: #faf3e0; padding: 1.5rem; border-radius: 10px; margin-top: 2rem; } - .matchup-analysis h3 { color: #e85d04; margin-bottom: 1rem; } - .analysis-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; } - .advantage, .disadvantage { padding: 1rem; background: white; border-radius: 8px; } - .advantage h4 { color: #28a745; margin-bottom: 0.5rem; } - .disadvantage h4 { color: #dc3545; margin-bottom: 0.5rem; } - .filter-btn { background: white; border: 2px solid #e85d04;