body {
            background: #0f172a;
            min-height: 100vh;
        }

        .card-flow {
            background: #1e293b;
            border: 1px solid #334155;
            border-radius: 12px;
            transition: transform 0.2s, border-color 0.3s, box-shadow 0.3s;
        }

        .card-flow:hover {
            transform: translateY(-4px);
            border-color: #3b82f6;
            box-shadow: 0 8px 24px rgba(59, 130, 246, 0.15);
        }

        .card-flow .icon-box {
            width: 48px;
            height: 48px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
        }

        .badge-status {
            font-size: 11px;
            font-weight: 600;
        }

        .search-box {
            background: #1e293b;
            border: 1px solid #334155;
            color: #f1f5f9;
        }

        .search-box:focus {
            background: #1e293b;
            color: #f1f5f9;
            border-color: #3b82f6;
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
        }

        .search-box::placeholder {
            color: #64748b;
        }

        .navbar-brand-custom {
            font-weight: 800;
            letter-spacing: -0.5px;
        }

        a.text-decoration-none:hover {
            text-decoration: none !important;
        }