/* style.css */
body { font-family: 'Inter', sans-serif; background-color: #0B0F15; color: #ffffff; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0B0F15; }
::-webkit-scrollbar-thumb { background: #374151; border-radius: 5px; }
.glass-panel { background: #161B22; border: 1px solid #30363d; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.spinner { animation: spin 1s linear infinite; }
.custom-checkbox { cursor: pointer; appearance: none; background-color: #1f2937; border: 1px solid #374151; width: 1.25rem; height: 1.25rem; border-radius: 0.25rem; display: inline-grid; place-content: center; }
.custom-checkbox:checked { background-color: #3b82f6; border-color: #3b82f6; }
.custom-checkbox:checked::before { content: ""; width: 0.6em; height: 0.6em; background-color: white; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); }
[contenteditable]:focus { outline: 2px solid #3b82f6; background: rgba(59, 130, 246, 0.1); border-radius: 4px; padding: 4px; }
th { cursor: pointer; user-select: none; transition: background 0.2s; }
th:hover { background-color: #1f2937; }

/* Diff Styling */
.diff-del { background-color: rgba(239, 68, 68, 0.2); color: #fca5a5; text-decoration: line-through; padding: 0 2px; border-radius: 2px; }
.diff-ins { background-color: rgba(34, 197, 94, 0.2); color: #86efac; padding: 0 2px; border-radius: 2px; font-weight: 500; }