body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:800px;padding:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:24px}.header{color:#333;margin-bottom:20px;text-align:center}.smart-info{background:#e3f2fd;border-left:4px solid #2196f3}.error,.smart-info{border-radius:4px;margin:16px 0;padding:16px}.error{background:#ffebee;border-left:4px solid #f44336;color:#c62828}.loading{color:#666;padding:40px}.App,.loading{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}h1{color:#2c3e50;margin-bottom:10px}h2{border-bottom:2px solid #3498db;color:#34495e;padding-bottom:8px}h3{color:#2980b9;margin-top:20px}ul{margin:0 auto;max-width:600px;text-align:left}li{margin:8px 0;padding:4px 0}.container{display:flex;flex-direction:column;justify-content:center;min-height:100vh}@media (max-width:768px){.container{padding:10px}.card{padding:16px}}.workflow-list-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-left{display:flex;flex-direction:column;gap:.5rem}.header-right{align-items:center;display:flex;gap:1rem}.header h1{color:#1a202c;font-size:2rem;font-weight:700;margin:0}.view-mode-badge{background:#fed7d7;border:2px solid #fc8181;border-radius:20px;color:#c53030;display:inline-block;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.user-info{color:#4a5568;font-size:.875rem;font-weight:500}.filter-btn{background:#e2e8f0;border:2px solid #cbd5e0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.filter-btn:hover{background:#cbd5e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.filter-btn.active{background:#48bb78;border-color:#38a169;color:#fff}.filter-btn.active:hover{background:#38a169;box-shadow:0 4px 12px #48bb784d}.refresh-btn{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.refresh-btn:hover{background:#3182ce;box-shadow:0 4px 12px #4299e14d;transform:translateY(-2px)}.error,.loading,.no-workflows{color:#718096;font-size:1.125rem;padding:3rem;text-align:center}.error{color:#e53e3e}.error button{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.workflows{display:flex;flex-direction:column;gap:1rem}.workflow-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s}.workflow-card:hover{box-shadow:0 4px 16px #00000026}.workflow-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:background .3s}.workflow-header:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f)}.workflow-info{flex:1 1}.workflow-title{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.workflow-type{font-size:1.25rem;font-weight:700}.workflow-id{font-family:Courier New,monospace;font-size:.875rem;opacity:.8}.workflow-meta{display:flex;font-size:.875rem;gap:.5rem;opacity:.9}.workflow-status-container{align-items:center;display:flex;gap:1rem}.workflow-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.workflow-status.completed{background:#48bb784d}.workflow-status.active{background:#ed89364d}.expand-icon{font-size:1.25rem;transition:transform .3s}.workflow-content{background:#f7fafc;border-top:2px solid #e2e8f0;padding:1.5rem}.workflow-description{background:#fff;border-radius:8px;color:#4a5568;margin-bottom:1.5rem;padding:1rem}.tasks-section h3{color:#2d3748;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.no-tasks{color:#a0aec0;font-style:italic;padding:2rem;text-align:center}.tasks-list{display:flex;flex-direction:column;gap:1rem}.task-card{background:#fff;border-left:4px solid #cbd5e0;border-radius:8px;padding:1.25rem;transition:all .2s}.task-card:hover{border-left-color:#667eea;box-shadow:0 2px 8px #0000001a}.task-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.task-info{flex:1 1}.task-info h4{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 .5rem}.task-meta{color:#718096;display:flex;font-size:.813rem;gap:.5rem}.task-status-badge{margin-left:1rem}.status-badge{border-radius:16px;font-size:.813rem;font-weight:600;padding:.375rem .875rem;white-space:nowrap}.status-open{background:#edf2f7;color:#4a5568}.status-in-progress{background:#feebc8;color:#c05621}.status-completed{background:#c6f6d5;color:#22543d}.task-actions{display:flex;gap:.75rem;margin-top:1rem}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s}.btn-primary{background:#4299e1;color:#fff}.btn-primary:hover{background:#3182ce;box-shadow:0 4px 12px #4299e166;transform:translateY(-2px)}.btn-success{background:#48bb78;color:#fff}.btn-success:hover{background:#38a169;box-shadow:0 4px 12px #48bb7866;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.read-only-notice{background:#fff5f5;border:1px solid #feb2b2;border-radius:6px;color:#c53030;font-size:.875rem;font-weight:500;margin-top:1rem;padding:.75rem 1rem;text-align:center}@media (max-width:768px){.workflow-list-container{padding:1rem}.header{align-items:stretch}.header,.workflow-header{flex-direction:column;gap:1rem}.workflow-header{align-items:flex-start}.workflow-status-container{justify-content:space-between;width:100%}.task-header{flex-direction:column}.task-status-badge{margin-left:0;margin-top:.5rem}.task-actions{flex-direction:column}.btn{width:100%}}
/*# sourceMappingURL=main.ca47f488.css.map*/