.flow-dashboard-content{margin-top:1rem;padding:24px;border-radius:20px;border:1px solid var(--border-color);box-shadow:0 4px 6px var(--box-shadow-color);background-color:#fff}@media(max-width:768px){.flow-dashboard-content{margin-top:.5rem;padding:16px;border-radius:12px}}.flow-dashboard-header{margin-bottom:32px}.flow-dashboard-header .controls{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}@media(max-width:768px){.flow-dashboard-header .controls{flex-direction:column-reverse;align-items:stretch;gap:16px}}.flow-dashboard-header .search-section{flex:1;max-width:400px}@media(max-width:768px){.flow-dashboard-header .search-section{max-width:100%}}.flow-dashboard-header .action-buttons{display:flex;gap:12px;align-items:center}@media(max-width:768px){.flow-dashboard-header .action-buttons{width:100%;justify-content:space-between}}.flow-dashboard-header .action-buttons button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--primary-color,#000);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.flow-dashboard-header .action-buttons button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.flow-dashboard-header .action-buttons button:active{transform:translateY(0)}.flows-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px;margin-top:24px;animation:fadeIn .3s ease-in-out}@media(min-width:640px){.flows-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.flows-grid{grid-template-columns:repeat(3,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.flow-card{background-color:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;overflow:hidden;transition:all .3s ease;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1);height:fit-content}.flow-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.flow-card .color-bar{height:6px;width:100%}.flow-card .card-content{padding:24px}.flow-card .card-content .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.flow-card .card-content .card-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.flow-card .card-content .description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.flow-card .card-content .meta-info{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-tertiary)}.dark .flow-dashboard-content{background-color:#000;border-color:#333}.dark .flow-card{background-color:rgba(31,41,55,.5);border-color:rgba(55,65,81,.6);backdrop-filter:blur(4px)}.dark .flow-card:hover{background-color:rgba(31,41,55,.8);border-color:rgba(75,85,99,.8)}.dark .flow-card .card-header h3{color:#f3f4f6}.dark .flow-card .description{color:#d1d5db}.dark .flow-card .meta-info{color:#9ca3af}.dark .action-buttons button{background:#fff;color:#000}.dark .action-buttons button:hover{background:#e5e5e5}