.sidebar{width:260px;background-color:var(--card-bg);padding:30px 20px;display:flex;flex-direction:column;border-right:1px solid var(--border-color);z-index:10}.logo h2{font-size:20px;font-weight:700;color:var(--primary-blue);margin-bottom:40px;padding-left:10px}.nav-menu{display:flex;flex-direction:column;gap:10px;flex:1}.nav-item{display:flex;align-items:center;gap:15px;padding:12px 15px;border:none;background:transparent;width:100%;text-align:left;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);font-weight:500;font-size:14px;transition:all .2s ease}.nav-item:hover{background-color:var(--sidebar-hover-bg);color:var(--primary-blue)}.nav-item.active{background-color:var(--primary-blue);color:#fff;box-shadow:0 4px 12px #4f83f84d}.text-muted{color:var(--text-muted)}.sidebar-bottom{margin-top:auto}.main-content{flex:1;padding:30px 40px;overflow-y:auto;display:flex;flex-direction:column;gap:30px}.welcome-text{font-size:14px;color:var(--primary-blue);font-weight:500;margin-bottom:4px;display:block}h1{font-size:28px;font-weight:700;color:var(--text-main)}.icon-btn{background:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-card)}.profile-name{font-size:14px;font-weight:600}.avatar{background:#fcd34d;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.section-header h3{font-size:16px;color:var(--text-main)}.section-header a{font-size:13px;color:var(--primary-blue);text-decoration:none}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.match-date{font-size:13px;color:var(--text-muted)}.team-versus{margin-top:15px;padding:20px;background:var(--bg-color);border-radius:var(--radius-md);width:100%;justify-content:center}.team-logo{width:50px;height:50px;border-radius:50%;margin-bottom:8px;box-shadow:var(--shadow-card)}.team-logo.tuks{background:repeating-linear-gradient(45deg,#e11d48,#e11d48 10px,#fff 10px,#fff 20px);border:2px solid #e11d48}.team-logo.wits{background:#1e3a8a;border:2px solid #fbbf24}.vs{font-weight:800;color:var(--text-muted);font-size:18px}.stats-table{width:100%;border-collapse:collapse;margin-top:15px}.stats-table th{text-align:left;font-size:12px;color:var(--text-muted);padding-bottom:15px;font-weight:500}.stats-table td{padding:12px 0;font-size:14px;border-top:1px solid var(--border-color);font-weight:500}.stats-table td.up{color:#10b981}.stats-table td.down{color:#ef4444}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.kpi-card{display:flex;flex-direction:column;gap:15px}.kpi-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.kpi-icon.blue{background:#e5edf9;color:#4f83f8}.kpi-icon.indigo{background:#e0e7ff;color:#4338ca}.kpi-icon.purple{background:#fae8ff;color:#c026d3}.kpi-icon.orange{background:#ffedd5;color:#ea580c}.kpi-label{font-size:13px;color:var(--text-muted)}.kpi-card h2{font-size:24px;font-weight:700;color:var(--text-main)}.feature-banner{background:var(--primary-gradient);color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden;margin-top:auto;padding:30px}.banner-subtitle{font-size:12px;opacity:.8;margin-bottom:5px;display:block}.feature-banner h2{color:#fff;font-size:20px;margin-bottom:20px;line-height:1.4;max-width:200px}.primary-btn{background:#fff;color:var(--primary-blue);border:none;padding:10px 20px;border-radius:20px;font-weight:600;cursor:pointer;transition:transform .2s}.primary-btn:hover{transform:translateY(-2px)}.glow-icon{color:#fffc;filter:drop-shadow(0 0 20px rgba(255,255,255,.4));transform:rotate(-15deg)}:root{--bg-color: #d1e5fa;--panel-bg: #f5f8fc;--card-bg: #ffffff;--text-main: #1f2a37;--text-muted: #6b7280;--primary-blue: #4f83f8;--primary-gradient: linear-gradient(135deg, #4f83f8 0%, #2b59c3 100%);--sidebar-active-bg: #4f83f8;--sidebar-active-text: #ffffff;--sidebar-hover-bg: #e5edf9;--border-color: #e5e7eb;--shadow-card: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .01);--shadow-glass: inset 0 0 0 1px rgba(255, 255, 255, .5);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-main);height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}#root{width:100%;height:100%;padding:2vmin;display:flex;justify-content:center;align-items:center}.app-container{background-color:var(--panel-bg);width:100%;max-width:1400px;height:100%;max-height:900px;border-radius:30px;box-shadow:0 25px 50px -12px #00000040;display:flex;overflow:hidden;position:relative;border:4px solid rgba(255,255,255,.4)}.card{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:20px;position:relative}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}