@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0d0d0d;--bg-card:#1a1a1a;--bg-input:#1f1f1f;--text-primary:#fff;--text-secondary:#aaa;--text-muted:#666;--accent:#ff9800;--accent-hover:#f57c00;--accent-light:#ff98001f;--success:#4caf50;--success-bg:#4caf5026;--danger:#ff5252;--warning:#ff9800;--warning-bg:#ff98001f;--border:#2a2a2a;--shadow:0 2px 12px #00000080;--gradient:linear-gradient(135deg, #ff9800, #f57c00);--sidebar-width:240px}html,body,#root{width:100%;height:100%}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}#root{width:100%;min-height:100dvh;margin:0;position:relative}.sidebar{display:none}.main-content{margin-left:0!important}@media (width>=768px){#root{max-width:100%;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-card);border-right:1px solid var(--border);z-index:100;flex-direction:column;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-logo{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:24px;font-weight:800}.sidebar-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:11px}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-nav-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:flex}.sidebar-nav-btn:hover{color:var(--text-primary);background:#ffffff08}.sidebar-nav-btn.active{background:var(--accent-light);color:var(--accent);font-weight:600}.sidebar-nav-btn .icon{text-align:center;width:24px;font-size:18px}.sidebar-user{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}.sidebar-user-avatar{background:var(--gradient);color:#0d0d0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-plan{color:var(--text-muted);font-size:11px}.sidebar-logout{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.sidebar-logout:hover{color:var(--danger)}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;padding:32px;overflow-y:auto}.mobile-tabs{display:none!important}}.mobile-tabs{background:var(--bg-card);border-top:1px solid var(--border);padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));z-index:100;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tab{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:4px 20px;font-family:inherit;font-size:11px;display:flex}@media (width>=768px){.mobile-tabs{display:none!important}}input,textarea{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}input::placeholder,textarea::placeholder{color:#555}button{cursor:pointer;border:none;outline:none;font-family:inherit}.btn-primary{background:var(--gradient);color:#0d0d0d;border-radius:10px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #ff980059}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ff980080}.btn-primary:disabled{opacity:.5;box-shadow:none;cursor:not-allowed;transform:none}.btn-sm{background:var(--accent);color:#0d0d0d;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:transform .15s}.btn-sm:hover{transform:translateY(-1px)}.btn-sm:disabled{opacity:.5;cursor:not-allowed}.badge{border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-free{color:#888;background:#2a2a2a}.badge-weekly{color:#ff9800;background:#ff980026}.badge-monthly{color:#ffb74d;background:#ff980033;font-weight:700}.badge-admin{color:#ff9800;background:#ff980040;font-weight:700}.card{background:var(--bg-card);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:14px;padding:16px}select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px}select:focus{border-color:var(--accent)}.search-input{position:relative}.search-input input{padding-left:40px}.search-input .search-icon{color:var(--text-muted);font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px;font-size:14px}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.data-table tr:hover{background:#ffffff05}.data-table td{color:var(--text-primary)}.match-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=1200px){.match-grid{grid-template-columns:1fr 1fr}}.desktop-matches{gap:24px;height:calc(100vh - 64px);display:flex}.desktop-matches-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px;overflow-y:auto}.panel-leagues{flex-shrink:0;width:220px}.panel-matches{flex:1}.panel-analysis{flex-shrink:0;width:380px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;margin:0 auto;animation:.6s linear infinite spin}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#333;border-radius:2px}