.header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-actions h1{margin-bottom:0}.toggle-form-btn{background-color:#2563eb;color:#fff;padding:.5rem 1rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.toggle-form-btn:hover{background-color:#1d4ed8}.add-form-container{background:#313438;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.add-form-container h2{color:#fff;margin-top:0;margin-bottom:1rem;font-size:1.25rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-weight:500;font-size:.875rem;color:#fff}.form-group input,.form-group select{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:1rem}.form-actions{display:flex;justify-content:flex-end}.submit-btn{background-color:#10b981;color:#fff;padding:.5rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s;font-size:1rem}.submit-btn:hover{background-color:#059669}.error{color:#ef4444;margin-bottom:1rem}h1{font-size:2rem;margin-bottom:1.5rem}.filters{display:flex;gap:1.5rem;margin-bottom:2rem;background:#313438;padding:1rem;border-radius:8px}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:500;font-size:.875rem;color:#fff}select{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;background:#fff;min-width:150px;font-size:1rem}.table-container{overflow-x:auto;background:#313438;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:1rem;border-bottom:1px solid #6c788a}.actions-col{width:60px}.actions-cell{text-align:right}.edit-btn{background:transparent;color:#3b82f6;border:none;cursor:pointer;font-weight:500}.edit-btn:hover{text-decoration:underline}th{background-color:#313438;font-weight:600;color:#186d51}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{background-color:#202423}tr:last-child td{border-bottom:none}tr:hover{background-color:#202423}.rating{background:#e0f2fe;color:#0369a1;padding:.25rem .5rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-badge{padding:.25rem .5rem;border-radius:9999px;font-size:.875rem;font-weight:500;background:#f3f4f6;color:#374151;text-transform:capitalize}.status-played{background:#dcfce7;color:#166534}.status-playing{background:#fef08a;color:#854d0e}.status-backlog{background:#fee2e2;color:#991b1b}.no-results{color:#6b7280;font-style:italic;padding:2rem;text-align:center;background:#fff;border-radius:8px}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem 0}.pagination button{padding:.5rem 1rem;background-color:#1f2937;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.pagination button:hover:not(:disabled){background-color:#374151}.pagination button:disabled{background-color:#d1d5db;cursor:not-allowed}.page-info{font-weight:500;color:#4b5563}.current-section{margin-bottom:2rem;background:#313438;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.current-section h2{margin-top:0;margin-bottom:1rem;font-size:1.25rem;color:#186d51}.current-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.current-card{border:1px solid #e5e7eb;border-radius:6px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;background:#4b7e55}.current-card-content h3{margin:0 0 .5rem;font-size:1.125rem;color:#111827}.platform-badge{display:inline-block;background:#e0e7ff;color:#4338ca;padding:.2rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.current-card-footer{margin-top:1rem;font-size:.875rem;color:#343538;border-top:1px solid #f3f4f6;padding-top:.5rem;display:flex;justify-content:space-between;align-items:center}.current-card-footer .edit-btn{font-size:.875rem;padding:0}.score{background:#dcfce7;color:#166534;padding:.25rem .5rem;border-radius:9999px;font-size:.875rem;font-weight:500;white-space:nowrap}