body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background:#1e3a8a;box-shadow:4px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:70px;z-index:1000}.sidebar:hover{width:240px}.sidebar-logo{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:15px;min-width:240px;padding:20px}.logo-text{font-size:18px;font-weight:700;opacity:0;transition:opacity .2s;white-space:nowrap}.sidebar:hover .logo-text{opacity:1}.sidebar-nav{flex:1 1;padding:10px 0}.sidebar-item{align-items:center;cursor:pointer;display:flex;min-width:240px;padding:15px 25px;position:relative;transition:all .2s}.sidebar-item:hover{background:#ffffff1a}.sidebar-item.active{background:#fff3;border-left:4px solid #fbbf24}.item-icon{align-items:center;display:flex;justify-content:center;min-width:20px}.item-text{font-size:15px;font-weight:500;margin-left:20px;opacity:0;transition:opacity .2s;white-space:nowrap}.sidebar:hover .item-text{opacity:1}:root{--primary-color:#2563eb;--secondary-color:#64748b;--success-color:#10b981;--danger-color:#ef4444;--bg-color:#fcfcfc;--card-bg:#fff;--border-color:#e2e8f0}body{background-color:#fcfcfc;background-color:var(--bg-color);color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.workflow-wrapper{margin:0 auto;max-width:1400px;padding:60px 40px}.workflow-header{margin-bottom:60px;text-align:left}.workflow-header h1{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:20px}.progress-container{background:#e2e8f0;background:var(--border-color);border-radius:3px;height:6px;max-width:600px;overflow:hidden;width:100%}.progress-fill{background:#2563eb;background:var(--primary-color);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.flow-container{display:flex;flex-direction:column;padding:40px 0;width:100%}.flow-row{align-items:flex-start;display:flex;justify-content:center;margin-bottom:100px;position:relative;width:100%}.flow-row.reversed{flex-direction:row-reverse}.step-card{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;flex-shrink:0;min-height:170px;padding:15px;position:relative;text-align:center;transition:all .2s ease;width:200px;z-index:2}.step-card:hover{box-shadow:0 10px 15px -3px #00000014;transform:translateY(-2px)}.step-card.active,.step-card:hover{border-color:#2563eb;border-color:var(--primary-color)}.step-card.active{box-shadow:0 0 0 3px #2563eb1a}.step-card.completed{border-color:#10b981;border-color:var(--success-color)}.step-card.completed .step-icon{color:#10b981;color:var(--success-color)}.step-icon{align-items:center;color:#64748b;color:var(--secondary-color);display:flex;height:48px;justify-content:center;margin-bottom:8px;width:48px}.step-icon svg{height:32px;width:32px}.step-info{margin-bottom:8px}.step-label{font-size:14px;font-weight:600;line-height:1.25;margin:0 0 4px}.step-role-text{color:#64748b;color:var(--secondary-color);font-size:11px;margin:0}.step-subtasks{border-top:1px dashed #e2e8f0;border-top:1px dashed var(--border-color);list-style:none;margin:12px 0 0;padding:12px 0 0;text-align:left;width:100%}.step-subtasks li{align-items:flex-start;color:#475569;display:flex;font-size:11px;gap:8px;line-height:1.4;margin-bottom:6px}.step-subtasks li svg{color:#10b981;color:var(--success-color);flex-shrink:0;margin-top:2px}.connector{align-items:center;display:flex;flex-shrink:0;height:2px;position:relative;width:60px;z-index:1}.connector.horizontal{margin-top:40px}.connector .line{background-color:#e2e8f0;background-color:var(--border-color);height:1.5px;width:100%}.connector.horizontal .arrow-head{border-right:1.5px solid #e2e8f0;border-right:1.5px solid var(--border-color);border-top:1.5px solid #e2e8f0;border-top:1.5px solid var(--border-color);height:6px;position:absolute;right:-2px;transform:rotate(45deg);width:6px}.flow-row.reversed .connector.horizontal .arrow-head{left:-2px;right:auto;transform:rotate(-135deg)}.connector.vertical{bottom:-100px;flex:none;height:100px;position:absolute;right:100px;width:2px}.flow-row.reversed .connector.vertical{left:100px;right:auto}.connector.vertical .line{height:100%;width:1px}.connector.vertical .arrow-head{border-right:1.5px solid #e2e8f0;border-right:1.5px solid var(--border-color);border-top:1.5px solid #e2e8f0;border-top:1.5px solid var(--border-color);bottom:-2px;height:6px;left:-2.5px;position:absolute;transform:rotate(135deg);width:6px}.step-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:10px;padding-top:12px;width:100%}.btn-primary{align-items:center;background:#2563eb;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;justify-content:center;padding:8px 12px;width:100%}.btn-primary:hover{background:#1d4ed8}.btn-success{background:#10b981;background:var(--success-color);border:none;border-radius:4px;color:#fff;margin-bottom:4px;padding:6px}.btn-outline-danger,.btn-success{cursor:pointer;font-size:11px;font-weight:600;width:100%}.btn-outline-danger{background:#0000;border:1px solid #ef4444;border:1px solid var(--danger-color);border-radius:4px;color:#ef4444;color:var(--danger-color);padding:5px}.btn-outline-danger:hover{background:#ef4444;background:var(--danger-color);color:#fff}.menu{background:#2c3e50;padding:15px;text-align:center}.menu button{background:#34495e;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:5px;padding:12px 20px}.menu button:hover{background:#1abc9c}body{background:#f4f6f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.layout{display:flex;min-height:100vh}.content{background:#f8fafc;flex:1 1;margin-left:70px;min-height:100vh;padding:40px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.content{margin-left:0;padding:20px}}
/*# sourceMappingURL=main.47eb647c.css.map*/