body {
            font-family: 'Inter', sans-serif;
            background-color: #0d1117;
            color: #c9d1d9;
        }
        .sidebar {
            transition: width 0.3s ease-in-out;
        }
        .sidebar-icon {
            width: 24px;
            height: 24px;
            flex-shrink: 0;
        }
        .nav-link {
            display: flex;
            align-items: center;
            padding: 0.75rem 1rem;
            border-radius: 0.5rem;
            transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
            color: #8b949e;
            white-space: nowrap;
        }
        .nav-link:hover {
            background-color: #161b22;
            color: #c9d1d9;
        }
        .nav-link.active {
            background-color: #0c4a6e; /* blue-900 */
            color: white;
            font-weight: 600;
        }
        .page-content {
            display: none;
        }
        .page-content.active {
            display: block;
        }
        .card {
            background-color: #161b22;
            border: 1px solid #30363d;
            border-radius: 0.75rem;
        }
        .highlight-blue { color: #58a6ff; }
        .highlight-green { color: #3fb950; }
        .highlight-orange { color: #f78166; }
        .highlight-purple { color: #bc8cff; }

        /* Workflow styles */
        .workflow-container {
            position: relative;
        }
        .workflow-layer {
            display: flex;
            justify-content: space-around;
            align-items: flex-start;
            margin: 2.5rem 0;
        }
        .workflow-node {
            text-align: center;
            z-index: 10;
        }
        .workflow-node-icon {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background-color: #21262d;
            border: 2px solid #30363d;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 0.5rem;
            cursor: pointer;
            transition: all 0.2s ease;
        }
        .workflow-node-icon:hover {
            border-color: #58a6ff;
            transform: scale(1.1);
        }
        .system-node {
             background-color: #0c4a6e;
             padding: 0.5rem 1rem;
             border-radius: 0.5rem;
             border: 1px solid #58a6ff;
             z-index: 10;
        }
        .add-artifact-btn {
            background-color: #21262d;
            border: 1px solid #30363d;
            color: #8b949e;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.2s ease;
        }
        .add-artifact-btn:hover {
            background-color: #30363d;
            color: white;
        }
        .artifact-dropdown {
            position: absolute;
            background-color: #161b22;
            border: 1px solid #30363d;
            border-radius: 0.5rem;
            padding: 0.5rem;
            z-index: 20;
            min-width: 180px;
            right: 0;
            top: 100%;
        }
        .artifact-dropdown a {
            display: block;
            padding: 0.5rem;
            border-radius: 0.25rem;
            font-size: 0.875rem;
        }
        .artifact-dropdown a:hover {
            background-color: #21262d;
        }

        textarea.config-textarea, input.config-input {
            background-color: #010409;
            border: 1px solid #30363d;
            border-radius: 0.5rem;
            padding: 0.5rem;
            font-family: monospace;
            font-size: 0.875rem;
            color: #c9d1d9;
            width: 100%;
        }
         select.config-select {
            background-color: #010409;
            border: 1px solid #30363d;
            border-radius: 0.5rem;
            padding: 0.5rem;
            font-size: 0.875rem;
            color: #c9d1d9;
            width: 100%;
        }
        .filter-select {
            background-color: #21262d;
            border: 1px solid #30363d;
            color: #c9d1d9;
            padding: 0.25rem 0.5rem;
            border-radius: 0.375rem;
        }
        /* Modal Styles */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(13, 17, 23, 0.8);
            backdrop-filter: blur(4px);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 50;
        }
        .modal-content {
            background-color: #161b22;
            border: 1px solid #30363d;
            border-radius: 0.75rem;
            width: 90%;
            max-width: 1024px;
            max-height: 90vh;
            overflow-y: auto;
        }
        .diff-add { background-color: rgba(63, 185, 80, 0.1); }
        .diff-remove { background-color: rgba(248, 81, 73, 0.1); }

        /* Drag and Drop Styles */
        .kanban-column {
            min-height: 200px;
        }
        .kanban-card.dragging {
            opacity: 0.5;
            transform: rotate(2deg);
        }
        .drag-over {
            background-color: rgba(88, 166, 255, 0.1);
            border-style: dashed;
        }
        .dashboard-tab {
            padding: 0.5rem 1rem;
            border-bottom: 2px solid transparent;
            cursor: pointer;
        }
        .dashboard-tab.active {
            border-color: #58a6ff;
            color: #58a6ff;
            font-weight: 600;
        }
        .dashboard-section {
            display: none;
        }
        .dashboard-section.active {
            display: block;
        }