.workflows-page{color:#172033;background:#f8fafc;min-height:calc(100vh - 64px);padding:32px}.workflows-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.breadcrumb{color:#7a8495;margin-bottom:10px;font-size:13px}.breadcrumb span{margin:0 8px}.workflows-header h1{letter-spacing:-.4px;margin:0;font-size:28px;font-weight:650}.workflows-header p{color:#697386;margin:7px 0 0;font-size:14px}.refresh-button{cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:7px;align-items:center;gap:7px;padding:9px 15px;font-size:13px;display:flex}.refresh-button:hover{background:#f5f7fa}.refresh-button span{font-size:16px}.workflow-summary{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.summary-card{background:#fff;border:1px solid #e3e7ee;border-radius:9px;padding:18px 20px}.summary-label{color:#697386;margin-bottom:8px;font-size:13px}.summary-value{font-size:25px;font-weight:650}.running-value{color:#2563eb}.review-value{color:#c77b00}.failed-value{color:#dc2626}.workflow-toolbar{gap:10px;margin-bottom:14px;display:flex}.search-container{flex:1;max-width:450px;position:relative}.search-container input{box-sizing:border-box;background:#fff;border:1px solid #d8dee8;border-radius:7px;outline:none;width:100%;height:39px;padding:0 14px 0 36px;font-size:13px}.search-container input:focus{border-color:#8ba5d8}.search-icon{color:#8993a4;font-size:18px;position:absolute;top:9px;left:13px}.workflow-toolbar select{color:#384152;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:7px;height:39px;padding:0 30px 0 12px;font-size:13px}.workflow-table-container{background:#fff;border:1px solid #e3e7ee;border-radius:9px;overflow:hidden}.table-header{border-bottom:1px solid #e8ebf0;padding:18px 20px}.table-header h2{margin:0;font-size:15px;font-weight:620;display:inline}.table-header span{color:#8a94a5;margin-left:10px;font-size:12px}.workflow-table{border-collapse:collapse;table-layout:auto;width:100%}.workflow-table th{color:#687386;text-transform:uppercase;letter-spacing:.4px;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e4e8ef;padding:12px 16px;font-size:11px;font-weight:600}.workflow-table td{color:#374151;white-space:nowrap;border-bottom:1px solid #edf0f4;padding:15px 16px;font-size:13px}.workflow-table tbody tr:hover{background:#fafbfc}.workflow-id{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.workflow-id:hover{text-decoration:underline}.file-cell{align-items:center;gap:8px;max-width:240px;display:flex}.file-cell span:last-child{text-overflow:ellipsis;overflow:hidden}.file-icon{color:#7b8798}.table-name{background:#f2f4f7;border-radius:4px;padding:4px 7px;font-family:monospace;font-size:12px}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.status-icon{font-size:10px}.status-completed{color:#167044;background:#e9f7ef}.status-running{color:#2459b8;background:#eaf2ff}.status-review{color:#996000;background:#fff5df}.status-failed{color:#b42318;background:#ffeded}.date-cell{color:#657184;font-size:12px}.trigger-type{color:#667085;font-size:12px}.view-button{color:#4b5563;cursor:pointer;background:0 0;border:none;font-size:12px}.view-button:hover{color:#2563eb}.pagination{color:#7b8494;justify-content:space-between;align-items:center;padding:14px 18px;font-size:12px;display:flex}.pagination-buttons{align-items:center;gap:4px;display:flex}.pagination-buttons button{cursor:pointer;color:#4b5563;background:#fff;border:1px solid #dfe4eb;border-radius:5px;min-width:30px;height:30px;font-size:12px}.pagination-buttons button:hover:not(:disabled){background:#f5f7fa}.pagination-buttons button:disabled{color:#c4c9d1;cursor:not-allowed}.pagination-buttons .active-page{color:#2459b8;background:#eef3ff;border-color:#b9c9ee;font-weight:600}.pagination-buttons span{padding:0 5px}.empty-state{text-align:center;padding:60px 20px}.empty-icon{color:#a4acb9;font-size:30px}.empty-state h3{margin:12px 0 5px;font-size:15px}.empty-state p{color:#7a8495;margin:0;font-size:13px}@media (width<=1100px){.workflow-summary{grid-template-columns:repeat(2,1fr)}.workflow-table-container{overflow-x:auto}.workflow-table{min-width:1100px}}@media (width<=700px){.workflows-page{padding:20px}.workflow-summary{grid-template-columns:1fr}.workflow-toolbar{flex-direction:column}.search-container{max-width:none}}html,body,#root{width:100%;height:100%;margin:0}