::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        ::-webkit-scrollbar-track {
            background: transparent;
        }
        ::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 9999px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }
        .task-card {
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .task-card:hover {
            transform: translateY(-2px);
        }
        .project-card-draggable {
            cursor: grab;
        }
        .project-card-draggable:active {
            cursor: grabbing;
        }
        .task-card.dragging {
            opacity: 0.45;
        }
        .task-card.drag-over {
            outline: 2px dashed #3b82f6;
            outline-offset: 3px;
        }
        .file-drop-zone {
            transition: all 0.2s ease;
        }
        .file-drop-zone.dragover {
            background-color: #eff6ff;
            border-color: #3b82f6;
        }

        html.dark {
            color-scheme: dark;
            background-color: #0f172a;
        }

        html.dark body {
            background-color: #0f172a;
            color: #e2e8f0;
        }

        html.dark [class~="bg-white"],
        html.dark [class~="bg-white/70"],
        html.dark [class~="bg-white/80"],
        html.dark [class~="bg-white/85"],
        html.dark [class~="bg-white/90"] {
            background-color: #1e293b;
        }

        html.dark [class~="bg-slate-50"],
        html.dark [class~="bg-slate-50/50"] {
            background-color: #0f172a;
        }

        html.dark [class~="bg-slate-100"],
        html.dark [class~="bg-slate-100/80"] {
            background-color: #1e293b;
        }

        html.dark [class~="bg-slate-200"],
        html.dark [class~="bg-slate-200/50"],
        html.dark [class~="bg-slate-200/70"] {
            background-color: #334155;
        }

        html.dark [class~="text-slate-900"] {
            color: #f8fafc;
        }

        html.dark [class~="text-slate-800"] {
            color: #e2e8f0;
        }

        html.dark [class~="text-slate-700"],
        html.dark [class~="text-slate-600"] {
            color: #cbd5e1;
        }

        html.dark [class~="text-slate-500"],
        html.dark [class~="text-slate-400"],
        html.dark [class~="placeholder-slate-400"]::placeholder {
            color: #94a3b8;
        }

        html.dark [class~="border-slate-100"],
        html.dark [class~="border-slate-200"],
        html.dark [class~="border-slate-200/60"],
        html.dark [class~="border-slate-200/70"],
        html.dark [class~="border-slate-200/80"] {
            border-color: #334155;
        }

        html.dark [class~="border-slate-300"] {
            border-color: #475569;
        }

        html.dark [class~="hover:bg-white"]:hover,
        html.dark [class~="hover:bg-slate-50"]:hover {
            background-color: #334155;
        }

        html.dark [class~="hover:bg-slate-100"]:hover,
        html.dark [class~="hover:bg-slate-200"]:hover,
        html.dark [class~="hover:bg-slate-200/50"]:hover,
        html.dark [class~="hover:bg-slate-200/60"]:hover,
        html.dark [class~="hover:bg-slate-300"]:hover {
            background-color: #475569;
        }

        html.dark [class~="hover:text-slate-600"]:hover,
        html.dark [class~="hover:text-slate-900"]:hover {
            color: #f8fafc;
        }

        html.dark [class~="focus:bg-white"]:focus {
            background-color: #1e293b;
        }

        html.dark .task-card[class~="bg-indigo-50/60"] {
            background-color: #1e1b4b;
        }

        html.dark .task-card[class~="bg-amber-50/60"] {
            background-color: #422006;
        }

        html.dark .task-card[class~="bg-rose-50/60"] {
            background-color: #4c0519;
        }

        html.dark .task-card[class~="bg-purple-50/60"] {
            background-color: #3b0764;
        }

        html.dark .task-card [class~="text-indigo-950"],
        html.dark .task-card [class~="text-indigo-900"],
        html.dark .task-card [class~="text-indigo-800"],
        html.dark .task-card [class~="text-amber-950"],
        html.dark .task-card [class~="text-amber-900"],
        html.dark .task-card [class~="text-amber-800"],
        html.dark .task-card [class~="text-rose-950"],
        html.dark .task-card [class~="text-rose-900"],
        html.dark .task-card [class~="text-rose-800"],
        html.dark .task-card [class~="text-purple-950"],
        html.dark .task-card [class~="text-purple-900"],
        html.dark .task-card [class~="text-purple-800"] {
            color: #f1f5f9;
        }

        html.dark .project-status-bar {
            background-color: #334155;
            border-color: #475569;
            color: #f8fafc;
        }

        html.dark .project-status-bar .project-status-option:not(.project-status-option-active) {
            color: #e2e8f0;
        }

        html.dark .project-status-bar .project-status-option:not(.project-status-option-active):hover {
            background-color: #475569;
            color: #f8fafc;
        }