*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#f8fafc,#eff6ff),#fff}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 24px;height:100px;font-size:20px;line-height:1.2;background:linear-gradient(90deg,#155dfc,#1447e6);box-shadow:0 11px 17px -3px #0000001a,0 5px 7px -5px #0000001a;position:fixed;top:0;left:0;width:100%;z-index:1000}.header-left,.header-right{display:flex;align-items:center}.header-right button{height:36px;padding:6px 12px;cursor:pointer;background:#fff;border:1px solid #F3F4F6;box-shadow:0 1px 3px #0000001a,0 1.14956px 2.29912px -1.14956px #0000001a;border-radius:10px}.body{display:flex;flex-direction:row;flex-grow:1;margin-top:100px}.sidebar{width:290px;background:#fff;border-right:1px solid #E5E7EB;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000d;flex-shrink:0;overflow-y:auto;padding:20px}.sidebar-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;margin-bottom:30px}.filter-icon{color:#2563eb;font-size:22px}.filter-section{display:flex;flex-direction:column;gap:10px}.filter-label{font-size:15px;font-weight:600;color:#374151}.time-slider{width:100%;cursor:pointer}.slider-value{font-size:14px;color:#6b7280;text-align:right}.kpi-cards{box-sizing:border-box;display:flex;height:100px;flex-direction:row;align-items:flex-start;margin:5px 0 10px;gap:20px}.kpi-card{box-sizing:border-box;display:flex;width:25%;height:100px;flex-direction:column;padding:10px;background:#fff;border:1px solid #F3F4F6;box-shadow:0 1px 3px #0000001a,0 1.14956px 2.29912px -1.14956px #0000001a;border-radius:15px}.kpi-card-running{background:#58aaee0e}.kpi-card-completed{background:#58ee9109}.kpi-card-failed{background:#ee6c580e}.kpi-card-total{background:#eeeb580e}.kpi-title{font-size:.85rem;font-weight:500;color:#7d8693;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.kpi-value{font-size:2rem;font-weight:600;color:#1f2937;line-height:1}.tab-navigation{box-sizing:border-box;display:flex;height:55px;flex-direction:row;align-items:flex-start;padding:6px 0 0 6px;margin:20px 0;gap:15px;background:#fff;border:1px solid #F3F4F6;box-shadow:0 1px 3px #0000001a,0 1.14956px 2.29912px -1.14956px #0000001a;border-radius:15px}.button-tab{text-align:center;border:0px;width:160px;height:40px;font-weight:600;background:#f9fbff;box-shadow:0 1px 3px #0000001a,0 1.14956px 2.29912px -1.14956px #0000001a;border-radius:10px;color:#000}.active{background:linear-gradient(90deg,#155dfc,#1447e6);box-shadow:0 1px 3px #0000001a,0 1.14956px 2.29912px -1.14956px #0000001a;border-radius:10px;color:#fff}.table{width:100%}.table-card{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000000f}.table-header th{background-color:#f8fafc;color:#475569;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;padding:12px 16px}.table-row expanded{border-bottom:1px solid #f1f5f9}.expanded{background-color:#f8fafc}.table-cell{padding:14px 16px;font-size:.875rem;color:#334155}.table tbody tr:hover{background-color:#f8fafc}.table button{border:none;background:transparent;font-size:1rem;cursor:pointer;color:#64748b}.table button:hover{color:#0f172a}.main-content{flex-grow:1;padding:16px;overflow-y:auto}#root,html,body{width:100%;height:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.container{display:flex;flex-direction:column;height:100%}