:root{--bg: #f8fafc;--card-bg: #ffffff;--muted: #6b7280;--primary: #4f46e5;--border: #e5e7eb;--text: #0f172a;--green-50: #ecfdf5;--green-ring: #bbf7d0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}body{background:var(--bg);color:var(--text);line-height:1.4;padding:20px}.app-center{max-width:1100px;margin:5px auto;padding:0}.card{background:var(--card-bg);border-radius:16px;box-shadow:0 10px 30px #0206170f;padding:10px;overflow:hidden}.h1{font-size:1.6rem;font-weight:600;text-align:center;margin:0 0 14px}.controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.controls-left{display:flex;align-items:center;gap:10px}.input{min-width:220px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);outline:none}.input:focus{box-shadow:0 0 0 4px #4f46e514;border-color:var(--primary)}.btn{padding:8px 14px;border-radius:10px;border:none;background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 6px 18px #4f46e51f}.btn[disabled]{opacity:.6;cursor:default;box-shadow:none}.note{font-size:.9rem;color:var(--muted)}.rating-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:30px 0 15px}.rating-btn{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--text);cursor:pointer;font-weight:600}.rating-btn:hover{background:#f3f4f6}.rating-btn.active{background:var(--primary);color:#fff;box-shadow:0 8px 20px #4f46e51f;border-color:transparent}.table-card{border-radius:10px;overflow:hidden;background:#fff}.table-scroll{overflow:auto;max-height:520px}table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px}thead th{position:sticky;top:0;z-index:5;background:#fff;padding:12px 16px;text-align:left;font-size:.92rem;color:var(--text);border-bottom:none}tbody td{padding:12px 16px;color:var(--text);font-size:.92rem;border:none}tbody tr,tbody tr>*{border:none!important;background:transparent}.row{background:#fff}.row.solved{background:var(--green-50)}a.problem-link{color:var(--primary);text-decoration:underline}.pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fbfdff}.page-controls{display:flex;gap:8px;align-items:center}.page-btn{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer}.page-btn:hover{background:#f3f4f6}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn[disabled]{opacity:.5;cursor:default}@media (max-width: 880px){.input{min-width:140px}table{min-width:700px}}/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */html,body,#root{height:100%}body{background-color:#f6f8ff}