:root{--bad-job-color:#c21807;--background:#fff;--background-secondary:#f8f9fa;--background-hover:#f5f6f7;--light-shade:#eee;--medium-shade:#ddd;--dark-shade:#ccc;--accent-color:#637aff;--border-color:#e1e5e9;--border-light:#f0f2f5;--text-color:#000;--text-color-alt:#000;--text-color-secondary:#666;--text-primary:#1a1a1a;--text-secondary:#6b7280;--core-ring:#000;--hover-outline-color:#555;--hover-shade:#fff;--hover-black:#000;--piecolor-blank:#ddd;--piecolor-user:#637aff;--piecolor-system:#17852d;--piecolor-wait:#bf2b1a;--piecolor-nice:#ccc;--piecolor-mem:#e5b81f;--piecolor-disk:#3a2cc2;--piecolor-gpu-1:#9a3fc2;--piecolor-gpu-2:#d93bad;--piecolor-gpu-3:#cf3c38;--piecolor-gpu-4:#5531c3;--piecycle-1:#0088fe;--piecycle-2:#00c49f;--piecycle-3:#ffbb28;--piecycle-4:#ff8042;--transition-time:0.2s;--switch-width:100;--switch-widthpx:100px;--rounding-radius:8px;--box-padding:1.0em;--box-padding-inner:16px;--block-spacing:1.0em;--inter-item-spacing:0.6em;--border-width:0.5px}[data-theme=dark]{--bad-job-color:#e05243;--background:#1a1a1a;--background-secondary:#252525;--background-hover:#2a2a2a;--light-shade:#2a2a2a;--medium-shade:#363636;--dark-shade:#4a4a4a;--accent-color:#7c93ff;--border-color:#404040;--border-light:#333;--text-color:#e5e5e5;--text-color-alt:#1a1a1a;--text-primary:#fff;--text-secondary:#a0a0a0;--hover-outline-color:#666;--hover-shade:#444;--hover-black:#000;--core-ring:#fff;--piecolor-blank:#444}[data-theme=dark] .main-item.right{box-shadow:0 4px 16px rgba(0,0,0,.4)}[data-theme=dark] #cpu-legend,[data-theme=dark] .core-grid,[data-theme=dark] .main-item,[data-theme=dark] .prop-charts{box-shadow:0 2px 8px rgba(0,0,0,.3)}[data-theme=dark] #time-machine,[data-theme=dark] .switch3ways{box-shadow:0 2px 12px rgba(0,0,0,.3)}[data-theme=dark] #id-button,[data-theme=dark] .cohab-job,[data-theme=dark] .running-job-row,[data-theme=dark] .user-string{box-shadow:0 1px 4px rgba(0,0,0,.2)}[data-theme=dark] #id-button:hover,[data-theme=dark] .cohab-job:hover,[data-theme=dark] .running-job-row:hover,[data-theme=dark] .user-string.hovered{box-shadow:0 2px 8px rgba(0,0,0,.4)}[data-theme=dark] .running-job-row:has(.job-name.warn){border:1px solid #c21807;border:1px solid var(--bad-job-color);box-shadow:0 2px 6px rgba(194,24,7,.3)}[data-theme=dark] .running-job-row:has(.job-name.warn):hover{border:1px solid #c21807;border:1px solid var(--bad-job-color);box-shadow:0 4px 12px rgba(194,24,7,.4)}[data-theme=dark] .other-job-row:has(.job-name.warn){border:1px solid #c21807;border:1px solid var(--bad-job-color);box-shadow:0 2px 6px rgba(194,24,7,.3)}[data-theme=dark] .other-job-row:has(.job-name.warn):hover{border:1px solid #c21807;border:1px solid var(--bad-job-color);box-shadow:0 4px 12px rgba(194,24,7,.4)}[data-theme=dark] .cohab-job:has(.job-name.warn){border:1px solid #c21807;border:1px solid var(--bad-job-color);box-shadow:0 2px 6px rgba(194,24,7,.3)}[data-theme=dark] .cohab-job:has(.job-name.warn):hover{border:1px solid #c21807;border:1px solid var(--bad-job-color);box-shadow:0 4px 12px rgba(194,24,7,.4)}[data-theme=dark] .cohab-job:has(.job-name.warn):focus{border:1px solid #c21807;border:1px solid var(--bad-job-color);box-shadow:0 0 0 2px #c21807,0 4px 12px rgba(194,24,7,.4);box-shadow:0 0 0 2px var(--bad-job-color),0 4px 12px rgba(194,24,7,.4)}[data-theme=dark] .bad-job{background:linear-gradient(135deg,rgba(224,82,67,.12),rgba(224,82,67,.16));border-color:rgba(224,82,67,.3);box-shadow:0 2px 6px rgba(224,82,67,.15)}[data-theme=dark] .core-pie .recharts-pie-sector,[data-theme=dark] .core-pie .recharts-pie .recharts-pie-sector,[data-theme=dark] .overview-pie .recharts-pie-sector,[data-theme=dark] .overview-pie .recharts-pie .recharts-pie-sector{stroke:#fff;stroke:var(--background);stroke-width:1}body{margin:0;padding:0;font-family:"Rubik",sans-serif;background-color:var(--background);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;font-size:medium}div:focus{outline:0}#header{margin:auto;width:90%;max-width:1600px;display:flex}#logo{text-align:left;flex:0 0 20%}#page-title{flex:1 1;margin:auto;font-size:2.5rem;font-weight:800;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.025em;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}#header-right{flex:0 0 20%}.loader{margin:auto;border-top:16px solid var(--light-shade);border:16px solid var(--light-shade);border-top-color:var(--dark-shade);border-radius:50%;width:80px;height:80px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#time-machine{transition-duration:.5s;background:var(--light-shade);width:90%;max-width:1600px;margin:10px auto;justify-content:space-between;border-radius:12px;border:1px solid var(--dark-shade);padding:var(--box-padding);box-sizing:border-box;box-shadow:0 2px 12px rgba(0,0,0,.1)}#time-machine-title{font-size:1.3em;font-weight:600;text-align:center;color:var(--text-primary);margin-bottom:12px;letter-spacing:.01em}#timeline{padding-left:2%;padding-right:2%}#clock{font-size:1.1em;font-weight:600;color:var(--text-primary);margin:2px 0}#theme-switch,#version{color:var(--dark-shade)}.bad-job{margin:0 0 12px;padding:12px 16px;background:linear-gradient(135deg,rgba(194,24,7,.08),rgba(194,24,7,.12));border-radius:8px;border:1px solid rgba(194,24,7,.2);color:var(--bad-job-color);font-size:.9em;font-weight:500;line-height:1.4;box-shadow:0 2px 6px rgba(194,24,7,.1);position:relative;text-align:left;transition:all .2s ease}.bad-job:before{content:"⚠️";margin-right:8px;font-size:1.1em}.warnings-container{margin-bottom:20px}.terrible-job{text-align:center;color:var(--hover-shade);background:linear-gradient(135deg,var(--bad-job-color),#a61a0a);padding:8px 12px;margin-bottom:12px;border-radius:8px;font-size:.8em;line-height:1.3;font-weight:600;border:1px solid rgba(194,24,7,.3);box-shadow:0 2px 6px rgba(194,24,7,.2);letter-spacing:.01em}.overview-pies{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;padding:14px 16px;background:var(--light-shade);border-top:2px solid var(--accent-color);position:relative;box-sizing:border-box;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.overview-pies:before{content:"Node Usage";position:absolute;top:6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:.75em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.overview-pie{height:56px;width:56px;margin:8px 6px 4px;border:none;background:none;padding:0;transition:all .2s ease;border-radius:50%;cursor:pointer}.overview-pie:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:brightness(1.1);filter:brightness(1.1)}.overview-pie:focus{outline:2px solid var(--accent-color);outline-offset:2px}.other-job-row{margin-bottom:8px;color:var(--text-color);padding:8px 12px;background:var(--light-shade);border-radius:6px;border:1px solid var(--dark-shade);transition:all .2s ease}.other-job-row:hover{background:var(--medium-shade);-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.1)}.running-job-row{width:100%;cursor:pointer;transition:var(--transition-time);margin-bottom:var(--inter-item-spacing);padding:0;box-sizing:border-box;background-color:var(--light-shade);border-radius:10px;border:1px solid var(--dark-shade);color:var(--text-color);box-shadow:0 2px 6px rgba(0,0,0,.08);overflow:visible}.running-job-row:hover{background:var(--medium-shade);-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);border-color:var(--accent-color)}.running-job-row:focus{outline:none;box-shadow:0 0 0 2px var(--accent-color),0 4px 12px rgba(0,0,0,.15);border-color:var(--accent-color)}.running-job-row:has(.job-name.warn){border:1px solid var(--bad-job-color);box-shadow:0 2px 8px rgba(194,24,7,.25)}.running-job-row:has(.job-name.warn):hover{border:1px solid var(--bad-job-color);box-shadow:0 4px 16px rgba(194,24,7,.35)}.other-job-row:has(.job-name.warn){border:1px solid var(--bad-job-color);box-shadow:0 2px 8px rgba(194,24,7,.25)}.other-job-row:has(.job-name.warn):hover{border:1px solid var(--bad-job-color);box-shadow:0 4px 16px rgba(194,24,7,.35)}.cohab-job:has(.job-name.warn){border:1px solid var(--bad-job-color);box-shadow:0 2px 8px rgba(194,24,7,.25)}.cohab-job:has(.job-name.warn):hover{border:1px solid var(--bad-job-color);box-shadow:0 4px 16px rgba(194,24,7,.35)}.cohab-job:has(.job-name.warn):focus{outline:none;border:1px solid var(--bad-job-color);box-shadow:0 0 0 2px var(--bad-job-color),0 4px 16px rgba(194,24,7,.4)}.running-job-row:active{-webkit-transform:translateY(-1px);transform:translateY(-1px);transition-duration:.1s}.running-job-text{width:100%;padding:14px 12px 12px 14px;background:linear-gradient(135deg,var(--light-shade),var(--background));box-sizing:border-box;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px}.running-job-row .running-job-text:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.running-job-chart{width:100%;padding:12px 16px;background:var(--background);position:relative;box-sizing:border-box;overflow:hidden}.running-job-row .running-job-chart:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.running-job-chart:before{content:"Performance Charts";position:absolute;top:4px;left:16px;font-size:.7em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.job-names{text-align:left;width:100%;margin-top:0}.job-block{width:100%}.job-names.heading{font-size:1.25em;font-weight:700;margin:0 0 16px;color:var(--text-primary);letter-spacing:.01em;padding-bottom:8px;border-bottom:2px solid var(--accent-color);position:relative}.job-names.heading:after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:var(--accent-color);-webkit-filter:brightness(1.3);filter:brightness(1.3)}.job-name{width:100%;text-align:left;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;color:var(--text-color);font-size:.9em;line-height:1.3;margin-top:2px;font-weight:500}.job-name.warn{color:var(--bad-job-color)}.job-name-title{font-weight:600;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:.9em;margin-bottom:6px;color:var(--text-primary);letter-spacing:.01em;grid-gap:4px;gap:4px;min-height:1.2em}.job-name-title-item-l{margin-right:2px;font-size:1.05em;font-weight:700;color:var(--accent-color);flex-shrink:0}.job-name-title-item-c{margin-left:2px;margin-right:2px;font-size:.82em;color:var(--text-secondary);font-weight:500;flex-shrink:1;min-width:0}.job-name-title-item-r{margin-left:2px;font-size:.78em;display:flex;grid-gap:4px;gap:4px;align-items:center;flex-shrink:0;white-space:nowrap}.core-badge{color:var(--text-secondary);font-weight:600;background:var(--dark-shade)}.core-badge,.gpu-badge{display:inline-block;padding:2px 5px;border-radius:3px;font-size:1em;line-height:1.2;min-height:1.2em}.gpu-badge{font-weight:700;color:var(--background);background:var(--piecolor-gpu-1)}.gpu-badge,.job-status{text-transform:uppercase;letter-spacing:.5px}.job-status{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.75em;font-weight:600;margin-right:6px;flex-shrink:0}.job-status:first-child{background-color:var(--piecolor-system);color:var(--background)}.job-name-title-item-c .job-status{background-color:var(--text-secondary);color:var(--background)}.job-name-title:has(.job-status:contains("RUNNING")) .job-status,.job-status[data-status=RUNNING]{background-color:var(--piecolor-system);color:var(--background)}.job-status[data-status=PENDING]{background-color:var(--piecolor-wait);color:var(--background)}.job-status[data-status=COMPLETED]{background-color:var(--accent-color);color:var(--background)}.job-status[data-status=CANCELLED],.job-status[data-status=FAILED]{background-color:var(--bad-job-color);color:var(--background)}.cohab-job{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 4px);cursor:pointer;background-color:var(--light-shade);border-radius:8px;padding:14px 16px;box-sizing:border-box;border:1px solid var(--dark-shade);transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.08);min-width:0;max-width:calc(50% - 4px)}.cohab-job:hover{background-color:var(--medium-shade);-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);border-color:var(--accent-color)}.cohab-job:focus{outline:none;box-shadow:0 0 0 2px var(--accent-color),0 4px 12px rgba(0,0,0,.15);border-color:var(--accent-color)}.cohab-job:active{-webkit-transform:translateY(-1px);transform:translateY(-1px);transition-duration:.1s}#node-description{text-align:left}#main-box{position:relative;margin:0 auto;overflow:hidden;height:100%;color:var(--text-color)}.main-item{height:100%;text-align:left;background-color:var(--light-shade);box-sizing:border-box;padding:12px;margin-bottom:0;border-radius:12px;overflow-y:scroll;min-height:600px;border:1px solid var(--dark-shade);box-shadow:0 2px 8px rgba(0,0,0,.1);scrollbar-width:thin;scrollbar-color:var(--medium-shade) transparent}.main-item::-webkit-scrollbar{width:8px;background:transparent}.main-item::-webkit-scrollbar-track{background:transparent!important;border:none;border-radius:0;box-shadow:none;-webkit-box-shadow:none}.main-item::-webkit-scrollbar-track-piece{background:transparent!important;border:none}.main-item::-webkit-scrollbar-thumb{background:var(--medium-shade);border-radius:4px;border:none;-webkit-transition:background .2s ease;transition:background .2s ease;box-shadow:none;-webkit-box-shadow:none}.main-item::-webkit-scrollbar-thumb:hover{background:var(--dark-shade)}.main-item::-webkit-scrollbar-thumb:active{background:var(--accent-color)}.main-item::-webkit-scrollbar-corner{background:transparent!important}.main-item.left{height:74vh;position:relative;top:0;bottom:0;left:5%;width:26%;padding:12px}.main-item.center{left:32%;width:21%}.main-item.center,.main-item.right{position:absolute;top:0;bottom:0;padding:12px}.main-item.right{left:54%;width:41%;box-shadow:0 4px 16px rgba(0,0,0,.15);border-radius:12px;border:1px solid var(--dark-shade)}.main-item.center-right{top:0;bottom:0;width:63%;right:5%;position:absolute}#usage-pie{width:100%;margin-bottom:16px;padding:12px 12px 8px;background:linear-gradient(135deg,var(--light-shade),var(--background));border-radius:10px;border:1px solid var(--dark-shade);box-shadow:0 2px 6px rgba(0,0,0,.08);position:relative;box-sizing:border-box;min-height:180px;max-height:400px;aspect-ratio:1;overflow:hidden}#usage-pie:before{content:"Resource Usage Overview";position:absolute;top:4px;left:12px;font-size:.7em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.user-string{display:flex;text-align:left;cursor:pointer;width:100%;border-radius:6px;background:var(--background);border:1px solid var(--medium-shade);margin-bottom:4px;padding:6px 8px;transition:var(--transition-time);color:var(--text-color);box-shadow:0 1px 3px rgba(0,0,0,.08)}.user-string.hovered{background:var(--light-shade);-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.12);border-color:var(--accent-color)}.user-string.warn{border-color:var(--bad-job-color)}.user-string.warn,.user-string.warn .user-string-username{color:var(--bad-job-color)}.user-string.warn .user-string-percent{color:var(--bad-job-color);font-weight:700}.user-string.terrible{background:var(--bad-job-color);border-color:var(--bad-job-color)}.user-string.terrible,.user-string.terrible .user-string-jobs,.user-string.terrible .user-string-percent,.user-string.terrible .user-string-username{color:var(--hover-shade)}.user-string.terrible.hovered{color:var(--hover-shade);background:var(--hover-black);border-color:var(--hover-black)}.user-string-username{flex:1 1 25%;text-align:right;padding-right:8px;font-weight:700;font-size:.85em;line-height:1.2;color:var(--text-primary)}.user-string-percent{flex:1 1 30%;text-align:center;padding:0 4px;font-size:.82em;line-height:1.2;font-weight:600;color:var(--accent-color)}.user-string-jobs{flex:1 1 45%;text-align:left;font-size:.82em;line-height:1.2;font-weight:500;color:var(--text-secondary)}.user-strings{display:flex;flex-direction:row;padding:8px;background:linear-gradient(135deg,var(--light-shade),var(--background));border-radius:10px;border:1px solid var(--dark-shade);box-shadow:0 2px 6px rgba(0,0,0,.08);position:relative;width:100%;box-sizing:border-box}.user-strings:before{content:"Active Users";position:absolute;top:4px;left:12px;font-size:.7em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.user-strings-col{margin-top:16px;width:100%;flex:1 1}.user-strings-halfcol-left,.user-strings-halfcol-right{margin-top:16px;flex:1 1;width:50%}.user-strings-halfcol-left{padding-right:4px}.user-strings-halfcol-right{padding-left:4px}.queue-strings{width:100%;color:var(--text-color)}.queue-string{display:flex;text-align:left;padding:3px 0;border-bottom:1px solid var(--border-light)}.queue-string:last-child{border-bottom:none}.queue-string-username{flex:0 0 25%;text-align:left;font-weight:600;font-size:.95em;color:var(--text-color)}.queue-string-hours{flex:0 0 40%;display:flex;align-items:baseline;grid-gap:4px;gap:4px}.queue-hours-value{font-weight:600;font-size:1em;color:var(--text-color)}.queue-hours-unit{font-size:.85em;color:var(--text-secondary);font-weight:500}.queue-string-jobs{flex:0 0 35%;display:flex;align-items:baseline;grid-gap:4px;gap:4px}.queue-jobs-count{font-weight:600;font-size:1em;color:var(--accent-color)}.queue-jobs-label{font-size:.85em;color:var(--text-secondary);font-weight:500}.avail-string{display:flex;text-align:center}.avail-string-word{flex:0 0 20%;text-align:left}.avail-string-cores{flex:0 0 10%}.avail-string-cores,.avail-string-nodes{text-align:right;padding-right:5px;font-weight:500}.avail-string-nodes{flex:0 0 5%}.username-section{margin-bottom:20px;padding:20px 16px 16px;background:linear-gradient(135deg,var(--light-shade),var(--background));border-radius:10px;border:1px solid var(--dark-shade);box-shadow:0 2px 6px rgba(0,0,0,.08);position:relative}.username-section:before{content:"Selected User";position:absolute;top:4px;left:12px;font-size:.7em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.8}#username-title{font-size:1.3em;font-weight:600;text-align:left;color:var(--text-primary);margin:8px 0 0;padding:0;background:none;border:none;letter-spacing:.01em}.job-info-header{margin-bottom:20px;padding:20px 16px 16px;background:linear-gradient(135deg,var(--light-shade),var(--background));border-radius:10px;border:1px solid var(--dark-shade);box-shadow:0 2px 6px rgba(0,0,0,.08);position:relative;display:flex;align-items:center;grid-gap:16px;gap:16px}.job-info-header:before{content:"Job Information";position:absolute;top:4px;left:12px;font-size:.7em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.job-info-header #id-button{all:unset;font-size:1.4em;font-weight:700;color:var(--accent-color);cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;background:var(--background);border:2px solid var(--accent-color);flex-shrink:0;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.job-info-header #id-button:hover{background:var(--accent-color);color:var(--background);box-shadow:0 4px 12px rgba(99,122,255,.4)}.job-info-header #id-button:active{box-shadow:0 1px 4px rgba(99,122,255,.2)}.job-info-details{flex:1 1;min-width:0;display:flex;flex-direction:column;grid-gap:4px;gap:4px}.job-info-details .node-name{font-size:1.1em;font-weight:600;color:var(--text-primary);letter-spacing:.01em}.job-info-details .job-name{font-size:.9em;font-weight:500;color:var(--text-secondary);line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.job-info-header .copyhint{font-style:italic;color:var(--text-secondary);font-size:.8em;display:none;position:absolute;bottom:4px;right:12px}.job-info-header #id-button:hover+.job-info-details+.copyhint,.job-info-header #id-button:hover~.copyhint{display:block}#nodename-title{text-align:center;margin-bottom:20px;font-size:1.5em;font-weight:700;color:var(--text-primary);letter-spacing:.02em;padding:12px 16px;background:linear-gradient(135deg,var(--light-shade),var(--background));border-radius:8px;border:1px solid var(--dark-shade);position:relative;overflow:hidden}.time-selector-compact{display:flex;flex-direction:column;align-items:flex-end;grid-gap:4px;gap:4px;flex-shrink:0}.time-selector-compact:before{content:"Time Window";font-size:.65em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.7;white-space:nowrap}.time-select{background:var(--background);border:1px solid var(--medium-shade);border-radius:6px;padding:4px 8px;font-size:.85em;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:60px;text-align:center}.time-select:hover{border-color:var(--accent-color);background:var(--light-shade)}.time-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(99,122,255,.2)}.time-selector{text-align:center;color:var(--text-primary);margin:6px 0 16px;font-size:.8em;padding:10px 12px;background:linear-gradient(135deg,var(--light-shade),var(--background));border-radius:8px;border:1px solid var(--dark-shade);position:relative;box-shadow:0 2px 6px rgba(0,0,0,.08)}.time-selector:before{content:"Time Window";position:absolute;top:4px;left:12px;font-size:.7em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.time-selector label{display:inline-block;margin-top:8px;margin-right:16px;font-weight:500;color:var(--text-primary);cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease;border:1px solid transparent;font-size:.85em}.time-selector label:hover{background:var(--background);border-color:var(--medium-shade)}.time-selector label input[type=radio]{margin-right:6px;accent-color:var(--accent-color)}.core-grid{display:flex;flex-direction:row;flex-wrap:wrap;border-radius:6px;padding:8px;box-sizing:border-box;margin-bottom:var(--inter-item-spacing);border:none;background:none;box-shadow:none}.core-pie{min-height:40px}.prop-charts{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;border-radius:6px;padding:8px;box-sizing:border-box;margin-bottom:var(--block-spacing);border:none;background:none;box-shadow:none;justify-content:left}.prop-chart-group{width:max(180px,50%);color:var(--text-color)}.chart-label{font-size:.8em;font-weight:600;color:var(--text-secondary);text-align:center;margin-bottom:6px;padding:2px 0;letter-spacing:.02em;line-height:1.2;text-transform:uppercase;opacity:.9}.prop-chart{width:100%;height:100px}.prop-chart-mini-2{width:50%}.prop-chart-mini-2,.prop-chart-mini-3{height:30px;margin:0 auto;box-sizing:border-box;min-width:0;flex-shrink:1}.prop-chart-mini-3{width:33%}.mini-row{display:flex;flex-direction:row;grid-gap:12px;gap:12px;align-items:stretch;padding:16px 0 0;margin-top:4px;border-radius:6px;background:var(--background);box-sizing:border-box;overflow:hidden;width:100%}.instruction{font-style:italic;font-size:.9em;line-height:1.4;background:var(--light-shade);border-radius:6px;font-size:1.1em;color:var(--text-secondary);text-align:center;margin:8px 0 20px;padding:20px;background:var(--background-secondary);border-radius:8px;border:1px solid var(--border-light)}.heading{font-weight:700;font-size:1.1em;margin:20px 0 12px;color:var(--text-primary);letter-spacing:.02em;padding:8px 12px;background:linear-gradient(135deg,var(--light-shade),var(--background));border-radius:6px;border:1px solid var(--dark-shade);position:relative}.heading:after{content:"";position:absolute;bottom:0;left:0;width:30%;height:2px;background:var(--accent-color);border-radius:0 0 6px 0}.label{font-size:.85em;font-weight:500;color:var(--text-primary);margin:6px 0;padding:0;background:none;border-radius:0;border:none;letter-spacing:.01em;text-align:center;line-height:1.2}.time-machine-clock{font-size:2.2em;font-weight:700;color:var(--text-color);font-family:"Monaco","Menlo","Consolas",monospace;text-shadow:0 2px 4px rgba(0,0,0,.1);margin:8px 0;letter-spacing:.02em}.time-machine-label{font-size:.9em;font-weight:500;color:var(--text-secondary);margin:4px 0;text-transform:uppercase;letter-spacing:.5px}#cpu-legend{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;background:linear-gradient(135deg,var(--light-shade),var(--background));margin-bottom:var(--block-spacing);border-radius:10px;padding:16px 12px 12px;box-sizing:border-box;border:1px solid var(--dark-shade);color:var(--text-color);box-shadow:0 2px 6px rgba(0,0,0,.08);position:relative}#cpu-legend:before{content:"Resource Legend";position:absolute;top:4px;left:12px;font-size:.7em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.cpu-legend-item{display:flex;flex-direction:row;align-items:center;width:20%;grid-gap:6px;gap:6px;padding:3px 6px;border-radius:4px;transition:all .2s ease}.cpu-legend-item:hover{background:var(--background);-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.1)}.cpu-legend-label{font-size:.8em;font-weight:600;color:var(--text-primary);letter-spacing:.01em;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.circle{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:2px solid hsla(0,0%,100%,.3);box-shadow:0 1px 3px rgba(0,0,0,.2);transition:all .2s ease}.cpu-legend-item:hover .circle{-webkit-transform:scale(1.1);transform:scale(1.1);border-color:hsla(0,0%,100%,.6);box-shadow:0 2px 6px rgba(0,0,0,.3)}.circle.user{background:var(--piecolor-user)}.circle.system{background:var(--piecolor-system)}.circle.wait{background:var(--piecolor-wait)}.circle.nice{background:var(--piecolor-nice)}.circle.mem{background:var(--piecolor-mem)}.circle.gpu{background:var(--piecolor-gpu-1)}.switch-parent{width:100%;height:100%;display:inline-flex;padding-top:var(--block-spacing);padding-bottom:var(--block-spacing);color:var(--text-color)}.switch3ways{margin:auto;font-size:1em;height:2em;line-height:2em;border-radius:8px;background:var(--light-shade);position:relative;display:block;float:left;border:1px solid var(--dark-shade);box-shadow:0 2px 4px rgba(0,0,0,.1)}.switch.future,.switch.past,.switch.present{width:var(--switch-widthpx);cursor:pointer;position:relative;display:block;float:left;transition:.3s ease-out}.selector{text-align:center;position:absolute;width:0;box-sizing:border-box;transition:.3s ease-out;border-radius:.3em;color:#fff}.recharts-tooltip-wrapper{z-index:100}.piechart-label{fill:var(--text-color)}.label{color:var(--text-color)}.sort-selector{margin-bottom:16px;display:flex;align-items:center;grid-gap:12px;gap:12px}.sort-selector:before{content:"Sort:";font-size:.75em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.8;flex-shrink:0}.sort-toggle{font-size:1em;height:2em;line-height:2em;border-radius:8px;background:var(--light-shade);position:relative;display:flex;border:1px solid var(--dark-shade);box-shadow:0 2px 4px rgba(0,0,0,.1)}.sort-toggle input[type=radio]{display:none}.sort-option{width:80px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;font-size:.8em;font-weight:500;color:var(--text-secondary);transition:.3s ease-out;z-index:2}.sort-option:hover{color:var(--text-color)}.sort-label{font-size:.8em;font-weight:500;pointer-events:none;transition:color .3s ease-out}.sort-toggle input[type=radio]:checked+.sort-label{color:#fff}.sort-selector-indicator{position:absolute;width:80px;height:calc(100% - 4px);top:2px;box-sizing:border-box;transition:.3s ease-out;border-radius:6px;z-index:1}[data-theme=dark] .sort-toggle{box-shadow:0 2px 12px rgba(0,0,0,.3)}@container (max-width: 250px){.job-name-title{flex-direction:column;align-items:flex-start;grid-gap:2px;gap:2px}.job-name-title-item-c,.job-name-title-item-l,.job-name-title-item-r{margin:0}}@media (max-width:300px){.main-item.center .job-name-title{flex-direction:column;align-items:flex-start;grid-gap:2px;gap:2px}.main-item.center .job-name-title-item-c,.main-item.center .job-name-title-item-l,.main-item.center .job-name-title-item-r{margin:0}}.input-box{margin-bottom:16px;padding:12px;background:linear-gradient(135deg,var(--light-shade),var(--background));border-radius:10px;border:1px solid var(--dark-shade);position:relative;box-shadow:0 2px 6px rgba(0,0,0,.08)}.input-box:before{content:"User Filter";position:absolute;top:4px;left:12px;font-size:.7em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.input-box input[type=text]{width:100%;margin-top:8px;padding:8px 12px;border-radius:6px;border:1px solid var(--medium-shade);background-color:var(--background);color:var(--text-color);font-family:inherit;font-size:.9em;text-align:left;box-sizing:border-box;transition:all .2s ease}.input-box input[type=text]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(99,122,255,.2)}.resource-section{margin-bottom:24px;padding:20px 16px 16px;background:linear-gradient(135deg,var(--light-shade),var(--background));border-radius:10px;border:1px solid var(--dark-shade);box-shadow:0 2px 6px rgba(0,0,0,.08);position:relative}.job-usage-section:before{content:"Job Resource Usage"}.cpu-cores-section:before,.job-usage-section:before{position:absolute;top:4px;left:12px;font-size:.7em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.cpu-cores-section:before{content:"CPU Cores"}.node-usage-section:before{content:"Node Resource Usage"}.cohabitant-jobs-section:before,.node-usage-section:before{position:absolute;top:4px;left:12px;font-size:.7em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.cohabitant-jobs-section:before{content:"Cohabitant Jobs"}.resource-section .heading{display:none}.cpu-cores-section .core-grid{margin-bottom:0}.cohabitant-jobs-container{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px;margin-top:8px;justify-content:flex-start}.recharts-bar-rectangle{transition:all .2s ease}.recharts-bar-rectangle:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2);stroke:var(--accent-color);stroke-width:2;cursor:pointer}#timeline .recharts-surface,#timeline .recharts-wrapper{cursor:pointer}.backfill-header,.queue-header{margin-bottom:16px;font-size:.7em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.queue-summary{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:20px}.queue-summary-primary{display:flex;align-items:baseline;grid-gap:8px;gap:8px;margin-bottom:8px}.queue-summary-number{font-size:2.2em;font-weight:700;color:var(--text-color);line-height:1}.queue-summary-label{font-size:1.1em;font-weight:500;color:var(--text-color)}.queue-summary-secondary{display:flex;grid-gap:12px;gap:12px;flex-wrap:wrap}.queue-summary-detail{font-size:.9em;color:var(--text-secondary);font-weight:500}.queue-items{margin-top:8px}.queue-items-header{display:flex;padding:8px 0;border-bottom:1px solid var(--border-color);margin-bottom:8px;font-size:.75em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.queue-col-username{flex:0 0 25%;text-align:left}.queue-col-hours{flex:0 0 40%;text-align:left}.queue-col-jobs{flex:0 0 35%;text-align:left}.backfill-summary{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:24px}.backfill-summary-title{font-size:.9em;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}.backfill-summary-description{font-size:.95em;color:var(--text-secondary);line-height:1.4}.backfill-partitions{margin-bottom:24px}.backfill-charts{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.backfill-partition{background:var(--background);border:1px solid var(--border-light);border-radius:6px;padding:16px;transition:box-shadow .2s ease}.backfill-partition:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.backfill-partition-name{font-size:.9em;font-weight:600;color:var(--text-color);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.backfill-legend{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.backfill-legend-title{font-size:.85em;font-weight:600;color:var(--text-color);margin-bottom:12px}.backfill-legend-explanation{font-size:.8em;color:var(--text-secondary);line-height:1.4;margin-bottom:16px;padding:12px;background:var(--background-secondary);border-radius:4px}.backfill-legend-items{display:flex;grid-gap:20px;gap:20px;margin-bottom:16px;flex-wrap:wrap}.backfill-legend-item{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:.8em;color:var(--text-secondary)}.backfill-legend-color{width:16px;height:12px;border-radius:2px}.backfill-legend-shortest{background-color:#8884d8}.backfill-legend-longest{background-color:#82ca9d}.backfill-legend-usage{font-size:.8em;color:var(--text-secondary);line-height:1.4;margin-bottom:12px;padding:12px;background:var(--light-shade);border-radius:4px}.backfill-legend-usage strong{color:var(--text-color)}.backfill-legend-note{font-size:.75em;color:var(--text-secondary);font-style:italic;opacity:.8}.resource-legend{background:linear-gradient(135deg,var(--light-shade),var(--background));border:1px solid var(--dark-shade);border-radius:8px;padding:12px 16px;margin:12px 0;box-shadow:0 2px 6px rgba(0,0,0,.08);position:relative}.legend-title{font-size:.7em;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;opacity:.8}.legend-items{flex-wrap:wrap;grid-gap:16px;gap:16px}.legend-item,.legend-items{display:flex;align-items:center}.legend-item{grid-gap:6px;gap:6px;font-size:.85em;transition:all .2s ease}.legend-item:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.legend-indicator{width:12px;height:12px;border-radius:3px;flex-shrink:0;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:all .2s ease}.legend-item:hover .legend-indicator{-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 2px 6px rgba(0,0,0,.3)}.legend-label{font-weight:500;color:var(--text-primary);line-height:1;white-space:nowrap}.legend-user{background:var(--piecolor-user)}.legend-system{background:var(--piecolor-system)}.legend-wait{background:var(--piecolor-wait)}.legend-memory{background:var(--piecolor-mem)}.legend-gpu{background:var(--piecolor-gpu-1)}@media (max-width:768px){.legend-items{grid-gap:12px;gap:12px}.legend-item{font-size:.8em;grid-gap:5px;gap:5px}.legend-indicator{width:10px;height:10px}}[data-theme=dark] .resource-legend{background:linear-gradient(135deg,var(--medium-shade),var(--background));box-shadow:0 2px 8px rgba(0,0,0,.3)}[data-theme=dark] .legend-indicator{box-shadow:0 1px 3px rgba(0,0,0,.4)}[data-theme=dark] .legend-item:hover .legend-indicator{box-shadow:0 2px 6px rgba(0,0,0,.5)}[data-theme=dark] .chart-label{color:var(--text-secondary);opacity:.8}.App{text-align:center}.App-logo{height:80px}.App-header{background-color:#222;height:80px;padding-top:20px;padding-bottom:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.4cf6d5b0.chunk.css.map */