@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&display=swap);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}body{font-family:Open Sans,sans-serif;margin:0;min-height:100vh}.App,body{background-color:#f9f9f9}.App{padding:20px;text-align:center}.app-container{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.Agents,.LLMCalls,.Runs{background:#f5f5f5;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:90vh;padding:20px}.Runs{width:20%}.Agents{min-width:200px;width:12%}.LLMCalls{width:87%}.Agents button,.LLMCalls button,.Runs button{border:none;border-radius:5px;display:block;margin-bottom:10px;padding:10px;text-align:left;transition:background-color .2s ease;width:100%}button.selected{box-shadow:0 0 10px #000c;color:#000;transition:box-shadow .3s ease}button:hover,select:hover{box-shadow:0 0 10px #0009;cursor:pointer}button.selected:hover{box-shadow:0 0 10px #000}h2{margin-bottom:20px;text-align:center}.attempt-failed,.attempt-incomplete,.run-failed{background-color:#f1b8b3;color:#000}.run-in-progress{background-color:#fff9b0;color:#000}.attempt-completed,.run-completed{background-color:#bce0b7;color:#000}.run-warning{background-color:#fada67;color:#000}.search-input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;color:#000;font-family:Open Sans,sans-serif;font-size:1rem;font-weight:700;margin:8px 0;padding:.5rem;text-align:center;transition:transform .1s ease-in-out;width:100%}.search-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.agents-container,.attempts-container,.llm-calls-container,.runs-container{-ms-overflow-style:none;height:calc(100% - 60px);margin-left:-1vw;overflow-y:scroll;padding:1vw 1vw 0;scrollbar-width:none;width:100%}.agents-container::-webkit-scrollbar,.attempts-container::-webkit-scrollbar,.llm-calls-container::-webkit-scrollbar,.runs-container::-webkit-scrollbar{display:none}.popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.popup-content{word-wrap:break-word;background-color:#fff;border-radius:5px;max-height:80%;max-width:80%;overflow-y:auto;padding:20px;position:relative;text-align:left;white-space:pre-wrap}button.close-button{background-color:#9bbdf9;color:#000;cursor:pointer;font-size:16px;margin:auto;text-align:center;transition:background-color .2s ease;width:30vw}.close-button:hover{background-color:#7da2f2}div.popup-content>ul>li>ul>li>ul>li{word-break:break-word!important}div.popup-content>ul>li{padding:1em!important}div.popup-content>ul{border-radius:.25em}.controls-container>button:active,.controls-container>select:active{background-color:#7da2f2;transform:scale(.98)}.controls-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:5%}.controls-container>button,.controls-container>div{background-color:#9bbdf9;border-radius:5px;color:#000;flex-basis:100%;font-size:1rem;font-weight:700;margin-bottom:2%;text-align:center;transition:transform .1s ease-in-out}.page-button{flex-basis:49%!important}.controls-container>button:disabled{background-color:#ddd;color:#999;cursor:not-allowed;transform:none}.agents-placeholder,.llm-calls-placeholder{align-items:center;color:#999;display:flex;flex-grow:1;font-size:1.2rem;justify-content:center;padding:20px}.loading-container{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center}.loading-icon{animation:spin 1s linear infinite;font-size:2rem}.auth-container{align-items:center;background-color:#f9f9f9;display:flex;height:100vh;justify-content:center}.auth-container>*{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;max-width:300px;padding:30px 20px;text-align:center;width:100%}.auth-container img{height:auto;margin-bottom:30px;max-width:60%}.google-button-container{align-items:center;display:flex;height:100%;justify-content:center}.agents-list{display:flex;flex-direction:column;min-width:200px}.agent-placeholder{background-color:#f0f0f0;border:1px solid #ccc;margin-bottom:5px;padding:10px;text-align:center}.AdminPage{align-items:stretch;background:#f5f5f5;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;margin:auto;max-width:none;padding:20px;width:95%}.admin-columns{display:flex;gap:20px;width:100%}.admin-column{display:flex;flex:1 1;flex-direction:column;gap:20px}.admin-column .container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.AdminPage h1{color:#333;font-size:1.5rem;margin-bottom:20px}.AdminPage form{gap:15px;width:100%}.AdminPage form,.AdminPage label{display:flex;flex-direction:column}.AdminPage label{color:#555;font-weight:700;text-align:left}.AdminPage label.checkbox-label{align-items:center;flex-direction:row;gap:8px;text-align:left}.AdminPage input[type=checkbox],.AdminPage input[type=email],.AdminPage input[type=text]{border:1px solid #ccc;border-radius:5px;margin-top:5px;padding:10px}.AdminPage button[type=submit]{background-color:#9bbdf9;border:none;border-radius:5px;color:#000;cursor:pointer;font-weight:700;padding:10px;transition:background-color .2s ease}.AdminPage button[type=submit]:hover{background-color:#7da2f2}.AdminPage .result{background-color:#e0e0e0;border-radius:5px;color:#333;margin-top:20px;padding:10px;text-align:center}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 10px 20px #0000004d,0 6px 6px #0003;display:flex;flex-direction:column;justify-content:center;min-height:40vh;padding:20px;text-align:center}.controls-container>button,.env-switcher-button,.login-form button,.login-page,button.close-button{font-family:Jost,sans-serif}.AdminPage select{background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#333;cursor:pointer;font-family:Open Sans,sans-serif;font-size:1rem;margin-top:5px;padding:10px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.AdminPage select:focus,.AdminPage select:hover{border-color:#9bbdf9;box-shadow:0 0 5px #9bbdf980;outline:none}.AdminPage .container{margin-bottom:0;width:auto}.AdminPage .container h2{color:#333;font-size:1.3rem;margin-bottom:15px}.AdminPage button{background-color:#9bbdf9;border:none;border-radius:5px;color:#000;cursor:pointer;font-weight:700;margin-top:10px;padding:10px;transition:background-color .2s ease,transform .1s ease;width:100%}.AdminPage button:hover{background-color:#7da2f2}.AdminPage button:active{transform:scale(.98)}.AdminPage button:disabled{background-color:#ddd;color:#999;cursor:not-allowed}.CustomerCosts{margin:0 auto;max-width:1200px;padding:20px}.costs-container{margin-top:20px;overflow-x:auto}.costs-container tr:hover{background-color:#f5f5f5}.costs-container tr{transition:background-color .2s ease}.CustomerCosts table{background:#fff;border-collapse:collapse;box-shadow:0 1px 3px #0003;width:100%}.CustomerCosts td,.CustomerCosts th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.CustomerCosts th{background-color:#f5f5f5;font-weight:700}.CustomerCosts tr:hover{background-color:#f9f9f9}.error{color:red;padding:20px;text-align:center}.existing-metrics{margin-bottom:30px;margin-top:20px}.existing-metrics h3{color:#333;font-size:1.2rem;margin-bottom:15px}.existing-metrics table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.existing-metrics th{background-color:#f5f5f5;border-bottom:2px solid #ddd;color:#444;font-weight:600;padding:12px 16px;text-align:center}.existing-metrics td{border-bottom:1px solid #eee;padding:12px 16px}.existing-metrics tr:last-child td{border-bottom:none}.existing-metrics tr:hover{background-color:#f9f9f9}.existing-metrics button{margin-top:0!important;padding:4px!important;width:auto!important}.nav-menu{align-items:center;background-color:#333;gap:1rem;padding:1rem}.nav-menu a{border-radius:4px;color:#fff;padding:.5rem 1rem}.hamburger-menu{left:0;position:fixed;top:0;z-index:1000}.hamburger-icon{color:#333;cursor:pointer;font-size:24px;padding:15px}.nav-menu{background-color:initial;display:flex;flex-direction:column;height:100vh;left:-200px;padding-top:60px;position:fixed;top:0;transition:all .3s ease;width:200px}.hamburger-menu:hover .nav-menu{background-color:#7d589f;left:0}.nav-menu a{color:#0000;display:block;padding:15px 25px;text-decoration:none;transition:all .3s ease}.hamburger-menu:hover .nav-menu a{color:#fff}.nav-menu a:hover{background-color:#444}.hamburger-menu:hover .nav-menu a.active{background-color:#009bdf}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.llm-calls-header{align-items:center;display:flex;justify-content:center;margin-bottom:20px;position:relative}.llm-calls-header h2{flex-grow:1;margin:0;text-align:center}.attempts-slider-top-right{position:absolute;right:0;z-index:10}.attempts-slider-track{background-color:#e9ecef;border-radius:20px;box-shadow:inset 0 1px 3px #0000001a;display:flex;min-width:200px;overflow:hidden;padding:3px;position:relative}.attempts-slider-indicator{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:17px;box-shadow:0 2px 6px #007bff4d;height:calc(100% - 6px);left:3px;position:absolute;top:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(33.333% - 2px);z-index:1}.attempts-slider-track[data-active=both] .attempts-slider-indicator{transform:translateX(0)}.attempts-slider-track[data-active=llm-calls] .attempts-slider-indicator{transform:translateX(calc(100% + 1px))}.attempts-slider-track[data-active=actions] .attempts-slider-indicator{transform:translateX(calc(200% + 2px))}.attempts-slider-option{background:#0000;border:none;color:#6c757d;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;min-width:60px;padding:8px 12px;position:relative;transition:color .3s ease;white-space:nowrap;z-index:2}.attempts-slider-option.active{color:#fff;font-weight:600}.attempts-slider-option:hover:not(.active){color:#495057}.attempts-slider-option:focus{outline:none}.spin{animation:spin 1s linear infinite}.flex-center{align-items:center;display:flex}.flex-inline{align-items:center;display:inline-flex}.icon-small{font-size:1.2em}.icon-green{color:green}.icon-red{color:red}.icon-gray{color:#888}.translate-button{align-items:center;background:#0000;border:1px solid #ccc;border-radius:3px;cursor:pointer;display:inline-flex;flex-shrink:0;margin-left:5px;padding:2px 4px;width:auto!important}.code-block{align-items:center;background-color:#fff;border:1px solid #000;display:flex;margin:0;min-height:10px;padding-bottom:8px;padding-right:32px;padding-top:8px;white-space:pre-wrap}.result{margin-top:10px}.result-margin-top{margin-top:15px}.result-centered{border-radius:4px;padding:10px;text-align:center}.result-error{background-color:#ffeded}.result-success{background-color:#edfff0}.edit-form{margin-top:20px}.form-actions{gap:10px;margin-top:10px}.form-button{flex:1 1;padding:10px 0}.header-with-margin{margin-bottom:20px}.metrics-container{margin-bottom:20px;margin-top:10px}.metrics-header{margin-bottom:10px}.metrics-actions,.metrics-status{align-items:center;display:flex;gap:10px;justify-content:center}.workforce-migration-controls{align-items:center;display:flex;gap:8px}.sync-status{align-items:center;display:flex;justify-content:center;min-width:20px}.btn-small{font-size:12px;line-height:1.2;padding:4px 8px}.btn-migrate:disabled{cursor:not-allowed;opacity:.6}.metrics-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-size:14px;overflow:hidden;width:100%}.metrics-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:16px 12px;text-align:left;white-space:nowrap}.metrics-table th:first-child{text-align:center;width:60px}.metrics-table th:nth-child(2){width:120px}.metrics-table th:nth-child(3){min-width:140px}.metrics-table th:nth-child(4){min-width:200px}.metrics-table th:nth-child(5){text-align:center;width:100px}.metrics-table th:nth-child(6){text-align:center;width:120px}.metrics-table th:nth-child(7){text-align:center;width:110px}.metrics-table th:nth-child(8){text-align:center;width:100px}.metrics-table th:last-child{text-align:center;width:80px}.metrics-table td{border-bottom:1px solid #f1f3f4;padding:14px 12px;text-align:left;vertical-align:middle}.metrics-table td:first-child{color:#6c757d;cursor:grab;text-align:center}.metrics-table td:nth-child(2){color:#495057;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;position:relative;text-align:left}.metrics-table td:nth-child(2) .id-content{align-items:center;display:flex;gap:8px}.metrics-table td:nth-child(2) .id-text{flex-grow:1;word-break:break-all}.metrics-table td:nth-child(3){color:#212529;font-weight:500}.metrics-table td:nth-child(4){color:#6c757d;font-size:13px;line-height:1.4}.metrics-table td:nth-child(5),.metrics-table td:nth-child(6),.metrics-table td:nth-child(7),.metrics-table td:nth-child(8){font-size:13px;text-align:center}.metrics-table td:last-child{text-align:center}.metrics-table tr:hover{background-color:#f8f9fa}.metrics-table tr:last-child td{border-bottom:none}.metrics-table button{align-items:center;background:#6c757d1a;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;padding:6px 8px;transition:all .2s ease}.metrics-table button:hover{background:#6c757d33;color:#495057}.metrics-table button[title="Edit metric"]{background:#007bff;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:6px 12px}.metrics-table button[title="Edit metric"]:hover{background:#0056b3}.metrics-form{margin-top:20px}.metrics-form textarea{resize:vertical}.metrics-form select{width:100%}.metrics-form .checkbox-label{align-items:center;display:flex;gap:10px;margin-bottom:10px}.metrics-form .checkbox-label input[type=checkbox]{margin:0}.metrics-form .observable-select{align-items:center;display:flex;gap:10px;margin-bottom:10px}.metrics-form .observable-select select{flex:1 1}.metrics-form .observable-select .checkbox-label{white-space:nowrap}.metrics-form .action-select{align-items:center;display:flex;gap:10px;margin-bottom:10px}.metrics-form .action-select select{flex:1 1}.metrics-form .action-select .checkbox-label{white-space:nowrap}.dragging{background-color:#f0f8ff;box-shadow:0 0 10px #00000026;opacity:.8}.view-selector,.view-selector .select__control{cursor:pointer;font-family:Jost,sans-serif;font-weight:500}.view-selector .select__option{font-family:Jost,sans-serif}.view-selector .select__single-value{font-family:Jost,sans-serif;font-weight:500}.view-selector .select__menu{z-index:9999}.output-key{color:#666;font-size:.8em;margin-bottom:0;margin-top:4px}.attempts-container{position:relative}.attempts-pre{align-items:center;background-color:#fff;border:1px solid #000;display:flex;margin:0;min-height:10px;padding-bottom:8px;padding-right:32px;padding-top:8px;white-space:pre-wrap}.attempts-pre-with-translate{padding-bottom:16px}.attempts-pre-without-translate{padding-bottom:8px}.attempts-copy-button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;min-width:0;min-width:auto;padding:4px;position:absolute;right:8px;top:8px;width:24px}.attempts-copy-icon{color:#666}.attempts-translate-buttons{display:flex;flex-direction:column;gap:4px;position:absolute;right:8px;top:8px}.attempts-image-container{border:1px solid #ddd;border-radius:4px;padding:10px}.attempts-image-label{color:#444;font-weight:700;margin-bottom:5px}.attempts-image{max-height:300px;max-width:100%}.attempts-image-footer{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.attempts-image-reference{color:#666;font-size:.9em}.attempts-image-copy-button{align-items:center;background:#0000;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;font-size:.85em;gap:4px;padding:4px 8px}.attempts-images-section{display:flex;flex-direction:column;gap:15px}.attempts-images-title{margin-top:20px}.attempts-popup{z-index:9999}.attempts-popup-content{position:relative}.attempts-base64-images-section{margin-top:20px}.attempts-close-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;margin-top:20px;padding:8px 16px}.attempts-close-button:hover{background-color:#e0e0e0}.attempts-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.attempts-loading-icon{animation:spin 1s linear infinite;margin-bottom:10px}.attempts-error{border:1px solid red;border-radius:4px;color:red;margin:10px 0;padding:10px}.attempts-pre-observable{min-height:10px;padding-bottom:8px;padding-right:32px}.attempts-pre-llm,.attempts-pre-observable{align-items:center;background-color:#fff;border:1px solid #000;display:flex;margin:0;padding-top:8px;white-space:pre-wrap}.attempts-pre-llm{min-height:36px;padding-right:48px;position:relative}.attempts-pre-llm-with-translate{padding-bottom:16px}.attempts-pre-llm-without-translate{padding-bottom:8px}.attempts-pre-error{align-items:center;background-color:#fff;border:1px solid #000;display:flex;margin:0;min-height:36px;padding-bottom:8px;padding-right:32px;padding-top:8px;white-space:pre-wrap}.attempts-copy-button-vertical{top:50%;transform:translateY(-50%)}.attempts-copy-button-top,.attempts-copy-button-vertical{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;min-width:0;min-width:auto;padding:4px;position:absolute;right:8px;width:24px}.attempts-copy-button-top{top:8px}.attempts-translate-buttons-container{display:flex;flex-direction:column;gap:4px;position:absolute;right:8px;top:8px}.attempts-relative-container{position:relative}.workflow-config-metrics-container{margin-top:20px}.workflow-config-metrics-actions{align-items:center;display:flex;gap:10px;justify-content:center}.agents-select-control{cursor:pointer;font-weight:500}.agents-select-control,.agents-select-option{font-family:Jost,sans-serif}.agents-select-single-value{font-family:Jost,sans-serif;font-weight:500}.agents-select-menu{z-index:9999}.workforces-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:16px}.workforce-card{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px;transition:all .2s ease}.workforce-card:hover{border-color:#c6d1de;box-shadow:0 4px 8px #00000026}.workforce-header{margin-bottom:12px}.workforce-name{color:#2c3e50;font-size:1.1em;font-weight:600;margin:0}.workforce-id{margin-top:8px}.workforce-id .id-text{color:#6c757d;font-family:monospace;font-size:.9em;word-break:break-all}.workforce-id .clickable-id{border-radius:3px;cursor:pointer;padding:2px 4px;transition:background-color .2s ease}.workforce-id .clickable-id:hover{background-color:#e9ecef;color:#495057}.workforce-details{color:#6c757d}.workflow-count{align-items:center;background:#f8f9fa;border-left:3px solid #007bff;border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.count-label{color:#495057;font-size:.9em}.count-value{color:#007bff;font-size:1.1em;font-weight:600}.empty-state{color:#6c757d;font-style:italic;padding:40px 20px;text-align:center}.empty-state p{font-size:1.1em;margin:0}.create-workforce-section{border-top:2px solid #e9ecef;margin-top:32px;padding-top:24px}.create-workforce-section h3{color:#495057;font-weight:600;margin-bottom:16px}.workforce-form-card{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#495057;display:block;font-size:.95em;font-weight:500;margin-bottom:6px}.form-input,.form-textarea{border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-input:focus,.form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-textarea{font-family:inherit;min-height:80px;resize:vertical}.form-actions{display:flex;gap:12px;margin-top:24px}.btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 20px;text-align:center;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62}.workflow-names-dropdown{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:12px;padding:12px}.workflow-names-list{list-style:none;margin:0;padding:0}.workflow-name-item{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-size:.9em;margin:2px 0;padding:6px 12px;transition:all .2s ease}.workflow-name-item:hover{background:#e9ecef;border-color:#adb5bd}.clickable-workflow{cursor:pointer}.clickable-workflow:hover{background:#007bff!important;border-color:#0056b3!important;box-shadow:0 2px 4px #007bff33;color:#fff!important;transform:translateY(-1px)}.clickable-workflow:active{box-shadow:0 1px 2px #007bff33;transform:translateY(0)}.live-dashboard{font-family:Jost,sans-serif;margin:0 auto;max-width:90%;position:relative}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.stat-card{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;text-align:center}.stat-card h3{color:#666;font-size:1.1rem;margin:0}.stat-value{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-top:.5rem}.workflow-states{display:flex;gap:2rem;justify-content:center;margin:2rem 0}.state-card{align-items:center;border-radius:8px;display:flex;font-size:1.1rem;gap:.5rem;padding:1rem 2rem}.recent-activity{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;height:calc(100vh - 400px);margin-top:2rem;min-height:500px;padding:2rem;position:relative}.recent-activity h2{color:#fff;flex-shrink:0;font-size:3rem;letter-spacing:2px;margin-bottom:1rem;margin-top:.5rem;text-align:center;text-transform:uppercase}.activity-list{grid-gap:.75rem;-ms-overflow-style:none;display:grid;flex-grow:1;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));overflow-y:auto;padding:0 .5rem;scrollbar-width:none}.activity-list::-webkit-scrollbar{display:none}.activity-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:.8rem;position:relative}.activity-content{display:flex;flex-direction:column;gap:.2rem}.timestamp{color:gold;font-size:1rem;font-weight:700}.workflow-name{color:#fff;font-size:1.6rem;font-weight:700;line-height:1;overflow:hidden}.count-badge{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffd700cc;border:1px solid #ffd70099;border-radius:12px;color:#333;display:inline-block;font-size:.8rem;font-weight:600;margin-left:.5rem;padding:.2rem .5rem;text-shadow:none;vertical-align:middle}.count-badge-top-right{margin-left:0;position:absolute;right:.5rem;top:.5rem;z-index:10}.customer-name{color:#d1d1d1;font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error,.loading{color:#666;font-size:1.2rem;padding:2rem;text-align:center}.error{color:#d32f2f}.fade-in{animation:fadeIn .8s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.activity-list::-webkit-scrollbar{width:8px}.activity-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.activity-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.activity-list::-webkit-scrollbar-thumb:hover{background:#fff6}@keyframes pulse{0%{background-color:initial}50%{background-color:#00ff001a}to{background-color:initial}}.stat-card.pulse{animation:pulse 1s ease-in-out}.activity-item.status-created{border-left:4px solid #3498db}.activity-item.status-warning{border-left:4px solid #ff9800}.activity-item.status-waiting{border-left:4px solid #9c27b0}.activity-item.status-completed{border-left:4px solid #2ecc71}.activity-item.status-failed{border-left:4px solid #e74c3c}.activity-item.status-running{border-left:4px solid #3498db}.activity-item.status-alert{border-left:4px solid #ff9800}.activity-item.status-error{border-left:4px solid #e74c3c}.legend{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000001a;border:1px solid #fff3;border-radius:8px;left:2.5rem;padding:.5rem .8rem;position:absolute;top:2rem;z-index:10}.legend-items{flex-wrap:wrap;gap:.8rem}.legend-item,.legend-items{align-items:center;display:flex}.legend-item{color:#fff;font-size:.75rem;font-weight:500;gap:.3rem;white-space:nowrap}.legend-color{border-radius:2px;flex-shrink:0;height:12px;width:12px}.legend-color.status-running{background-color:#3498db}.legend-color.status-completed{background-color:#2ecc71}.legend-color.status-waiting{background-color:#9c27b0}.legend-color.status-alert{background-color:#ff9800}.legend-color.status-error{background-color:#e74c3c}.dashboard-logo{height:100px}.scroll-container{overflow:hidden;position:relative;width:100%}.scroll-text{display:inline-block;position:relative;white-space:nowrap}.scroll-container.needs-scroll .scroll-text{animation:scroll-text 15s linear infinite;animation-delay:4s;padding-right:50px}.scroll-container.needs-scroll .scroll-text:after{content:attr(data-content);left:100%;padding-right:50px;position:absolute;top:0;white-space:nowrap}@keyframes scroll-text{0%,26.67%{transform:translateX(0)}to{transform:translateX(-100%)}}.activity-item.pulse{animation:activity-pulse 1.5s ease-in-out forwards}@keyframes activity-pulse{0%{box-shadow:inset 0 0 0 0 #ffffffb3}50%{box-shadow:inset 0 0 12px 6px #ffffffb3}to{box-shadow:inset 0 0 0 0 #fff0}}.live-indicator{align-items:center;background-color:#0009;border-radius:20px;color:#fff;display:flex;font-weight:700;gap:8px;padding:5px 12px;position:absolute;right:20px;top:20px}.live-dot{animation:blink 1.5s infinite;background-color:#2ecc71;border-radius:50%;height:10px;width:10px}@keyframes blink{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.confetti-container{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:9999}.confetti-piece{animation-fill-mode:forwards;animation-name:confetti-fall;animation-timing-function:linear;border-radius:2px;opacity:.9;position:absolute;top:-24px}@keyframes confetti-fall{0%{top:-24px}to{top:110vh}}.stat-card.milestone-glow{animation:milestoneGlow 1.2s ease-in-out 0s 2;box-shadow:0 0 0 #ffd70000}@keyframes milestoneGlow{0%{box-shadow:0 0 0 #ffd70000;transform:scale(1)}50%{box-shadow:0 0 24px #ffd700cc,0 0 60px #ffd70059;transform:scale(1.02)}to{box-shadow:0 0 0 #ffd70000;transform:scale(1)}}
/*# sourceMappingURL=main.d11bdeb8.css.map*/