:root{--bg-page: #0a0c0a;--bg-card: #111512;--bg-card-hover: #151a16;--bg-input: #0d100e;--bg-element: #141b16;--bg-element-hover: #1a241d;--border-muted: #1e2922;--border-green: #10b981;--border-green-hover: #22c55e;--primary-green: #10b981;--accent-green: #22c55e;--light-green: #4ade80;--text-green: #6ee7b7;--text-main: #e5e7eb;--text-heading: #ffffff;--text-muted: #9ca3af;--text-dark-btn: #000000;--shadow-flat: 0 4px 12px rgba(0, 0, 0, .4);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-page);color:var(--text-main);min-height:100vh;padding:24px 20px}#root{max-width:1200px;margin:0 auto}.upsolve-tracker{background:var(--bg-card);border:1px solid var(--border-muted);border-radius:12px;padding:32px;box-shadow:var(--shadow-flat)}.tracker-header{text-align:center;margin-bottom:32px}.tracker-header h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;color:var(--text-heading);margin-bottom:8px}.tracker-header h1 span,.tracker-header h1{color:var(--light-green)}.tracker-header p{color:var(--text-muted);font-size:1.05rem;font-weight:500}.search-section{margin-bottom:28px}.input-group{display:flex;gap:12px;margin-bottom:12px}.search-input{flex:1;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-muted);border-radius:8px;font-size:.95rem;font-family:var(--font-sans);color:var(--text-main);transition:border-color .15s ease}.search-input::placeholder{color:#6b7280}.search-input:focus{outline:none;border-color:var(--primary-green);background:#0f1410}.search-button{padding:12px 28px;background:var(--primary-green);color:var(--text-dark-btn);font-weight:700;border:none;border-radius:8px;font-size:.95rem;font-family:var(--font-sans);cursor:pointer;transition:background .15s ease}.search-button:hover:not(:disabled){background:var(--accent-green)}.search-button:disabled{opacity:.4;cursor:not-allowed}.error-message{color:#fca5a5;background:#1c1212;border:1px solid #7f1d1d;padding:12px 16px;border-radius:8px;margin-top:10px;font-weight:500}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px;align-items:stretch}.stat-card{background:var(--bg-element);padding:20px;border-radius:8px;text-align:center;border:1px solid var(--border-muted);border-left:4px solid var(--primary-green)}.stat-label{display:block;color:var(--text-muted);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.stat-value{display:block;font-size:2rem;font-weight:800;font-family:var(--font-mono);color:var(--light-green)}.refresh-button{padding:12px 20px;background:var(--bg-element);color:var(--text-green);border:1px solid var(--primary-green);border-radius:8px;font-size:.9rem;font-weight:700;font-family:var(--font-sans);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.refresh-button:hover{background:var(--primary-green);color:var(--text-dark-btn)}.filters-section{background:var(--bg-element);border:1px solid var(--border-muted);padding:20px;border-radius:8px;margin-bottom:28px;display:flex;flex-wrap:wrap;gap:20px}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:150px}.filter-group label{font-weight:600;color:var(--text-main);font-size:.88rem}.filter-group select,.filter-input{padding:8px 12px;background:var(--bg-input);border:1px solid var(--border-muted);border-radius:6px;font-size:.9rem;font-family:var(--font-sans);color:var(--text-main);transition:border-color .15s ease}.filter-group select option{background:#111512;color:var(--text-main)}.filter-group select:focus,.filter-input:focus{outline:none;border-color:var(--primary-green)}.tag-filter{display:flex;flex-wrap:wrap;gap:6px}.tag-checkbox{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--bg-input);border:1px solid var(--border-muted);border-radius:6px;cursor:pointer;font-size:.85rem;color:var(--text-muted);transition:all .15s ease;-webkit-user-select:none;user-select:none}.tag-checkbox input{accent-color:var(--primary-green);cursor:pointer}.tag-checkbox:hover,.tag-checkbox:has(input:checked){border-color:var(--primary-green);color:var(--text-green);background:var(--bg-element-hover)}.problems-section{margin-top:28px}.problems-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.problem-card{display:block;padding:20px;background:var(--bg-card);border:1px solid var(--border-muted);border-radius:8px;color:inherit;transition:border-color .15s ease,background .15s ease;cursor:pointer;position:relative}.problem-card:hover{border-color:var(--border-green);background:var(--bg-card-hover)}.problem-card.status-attempted{border-left:4px solid #d97706}.problem-card.status-not_attempted{border-left:4px solid var(--primary-green)}.problem-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:10px}.problem-name{font-size:1.05rem;font-weight:700;color:var(--text-heading);flex:1;line-height:1.35}.problem-card:hover .problem-name{color:var(--light-green)}.status-badge{padding:3px 10px;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.status-badge.status-attempted{background:#2a1b08;color:#fbbf24;border:1px solid #78350f}.status-badge.status-not_attempted{background:#062319;color:var(--light-green);border:1px solid #047857}.problem-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:8px;font-size:.85rem;color:var(--text-muted)}.problem-id{color:#9ca3af;font-family:var(--font-mono)}.problem-rating{font-weight:700;padding:2px 8px;border-radius:4px;font-family:var(--font-mono);font-size:.8rem}.rating-easy{background:#062319;color:#4ade80;border:1px solid #047857}.rating-medium{background:#072738;color:#38bdf8;border:1px solid #0369a1}.rating-hard{background:#2a1b08;color:#fbbf24;border:1px solid #b45309}.rating-veryhard{background:#231238;color:#c084fc;border:1px solid #7e22ce}.rating-extreme{background:#2a0f12;color:#f87171;border:1px solid #b91c1c}.problem-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.problem-link,.tags-toggle{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:6px;border:1px solid var(--border-muted);background:var(--bg-input);color:var(--text-green);font-weight:600;font-size:.85rem;font-family:var(--font-sans);text-decoration:none;cursor:pointer;transition:all .15s ease}.problem-link:hover,.tags-toggle:hover{border-color:var(--primary-green);background:var(--bg-element-hover);color:var(--text-heading)}.problem-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{display:inline-block;padding:3px 8px;background:var(--bg-input);color:var(--text-green);border:1px solid var(--border-muted);border-radius:4px;font-size:.78rem;font-family:var(--font-mono)}.no-results{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:1rem;background:var(--bg-card);border:1px dashed var(--border-muted);border-radius:8px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0c0a}::-webkit-scrollbar-thumb{background:#1e2922;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#10b981}@media (max-width: 768px){body{padding:12px 10px}.upsolve-tracker{padding:20px 16px;border-radius:8px}.tracker-header h1{font-size:1.8rem}.input-group{flex-direction:column}.search-button{width:100%}.filters-section{flex-direction:column;padding:16px}.problems-list{grid-template-columns:1fr}}