@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-main:#000;--bg-card:#0a0a0a;--bg-panel:#0a0a0a;--bg-hover:#111;--bg-analysis:#0006;--bg-analysis-item:#0f0f0f;--text-main:#c5c6c7;--text-light:#fff;--accent-gold:#d4af37;--accent-navy:#0b1e36;--border-color:#ffffff1a;--border-radius:8px;--scrollbar-bg:#000;--scrollbar-thumb:#1a1a1a;--scrollbar-thumb-hover:#333}[data-theme=light]{--bg-main:#fff;--bg-card:#f8f9fa;--bg-panel:#fff;--bg-hover:#f0f0f0;--bg-analysis:#f8f9fa;--bg-analysis-item:#fff;--text-main:#333;--text-light:#000;--accent-gold:#b38f22;--accent-navy:#0b1e36;--border-color:#00000026;--scrollbar-bg:#f0f0f0;--scrollbar-thumb:#ccc;--scrollbar-thumb-hover:#999}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;line-height:1.6;transition:background-color .3s,color .3s;overflow:hidden}#root{flex-direction:column;width:100vw;height:100vh;display:flex}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:1px solid var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.app-container{flex-direction:column;width:100%;height:100vh;padding:1rem;display:flex}.theme-toggle-btn{background:var(--bg-card);color:var(--text-light);border:1px solid var(--border-color);cursor:pointer;z-index:1000;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.theme-toggle-btn:hover{background:var(--bg-hover);border-color:var(--accent-gold)}.app-main{flex-direction:column;flex:1;height:100%;display:flex}.upload-section{border:1px dashed var(--border-color);border-radius:var(--border-radius);background:var(--bg-card);flex-direction:column;justify-content:center;align-items:center;height:100%;margin-top:2rem;display:flex}.yrt-logo{opacity:.95;width:180px;height:auto;margin-bottom:1.5rem}.upload-section h2{color:var(--text-light);font-size:1.8rem;font-weight:700}.upload-section input[type=file]{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;color:var(--text-light);margin-top:2rem;padding:1rem;font-family:inherit;transition:all .2s}.upload-section input[type=file]:hover{border-color:var(--accent-gold)}.error-message{color:#ff4a4a;margin-top:1rem;font-weight:500}.dashboard-wrapper{flex-direction:column;height:100%;margin-top:2rem;display:flex}.actions{justify-content:flex-start;margin-bottom:.5rem;display:flex}.actions button{background-color:var(--bg-card);color:var(--text-light);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:.4rem 1rem;font-size:.85rem;transition:all .2s}.actions button:hover{background-color:var(--bg-hover)}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.uplot,.uplot *,.uplot :before,.uplot :after{box-sizing:border-box}.uplot{width:min-content;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{-webkit-user-select:none;user-select:none;position:relative}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{width:100%;height:100%;display:block;position:relative}.u-axis{position:absolute}.u-legend{text-align:center;margin:auto;font-size:14px}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{pointer-events:none;background:#00000012;position:absolute}.u-cursor-x,.u-cursor-y{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.u-hz .u-cursor-x,.u-vt .u-cursor-y{border-right:1px dashed #607d8b;height:100%}.u-hz .u-cursor-y,.u-vt .u-cursor-x{border-bottom:1px dashed #607d8b;width:100%}.u-cursor-pt{pointer-events:none;will-change:transform;border:0 solid;border-radius:50%;position:absolute;top:0;left:0;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}.dashboard-container{flex-direction:row;gap:0;height:100%;display:flex;overflow:hidden}.controls-panel{resize:horizontal;background:var(--bg-main);border-right:1px solid var(--border-color);flex-direction:column;width:320px;min-width:250px;max-width:600px;height:100%;display:flex;overflow:hidden}.controls-header{padding:1rem 1rem .5rem}.controls-header h3{color:var(--text-light);border-bottom:1px solid var(--border-color);margin-bottom:.2rem;padding-bottom:.5rem;font-size:1.1rem}.sensors-section{flex-direction:column;padding:0 1rem;transition:height .1s;display:flex;overflow:hidden}.checkbox-group{flex-direction:column;flex:1;gap:.4rem;padding-bottom:1rem;padding-right:.5rem;display:flex;overflow-y:auto}.sensor-item{flex-direction:column;display:flex}.view-mode{border:1px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;padding:.4rem;transition:all .2s;display:flex}.view-mode:hover{background:var(--bg-hover);border-color:var(--border-color)}.view-mode:hover .edit-btn{opacity:1}.checkbox-label{cursor:pointer;flex:1;align-items:center;gap:.6rem;display:flex}.checkbox-label input[type=checkbox]{display:none}.color-indicator{border:2px solid;border-radius:3px;width:14px;height:14px;transition:all .2s;display:inline-block}.checkbox-text{-webkit-user-select:none;user-select:none;word-break:break-all;font-size:.9rem;font-weight:600}.edit-btn{opacity:0}.icon-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.2rem;display:flex}.icon-btn:hover{background:var(--bg-card);color:var(--text-light)}.edit-mode{align-items:center;gap:.5rem;padding:.4rem;display:flex}.edit-mode input{background:var(--bg-panel);border:1px solid var(--border-color);max-width:130px;color:var(--text-light);border-radius:4px;flex:1;padding:.3rem .5rem;font-size:.9rem}.edit-mode input:focus{border-color:var(--accent-gold);outline:none}.panel-resizer-horizontal{background:var(--bg-card);cursor:ns-resize;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);z-index:10;flex-shrink:0;height:6px;transition:background .2s}.panel-resizer-horizontal:hover,.panel-resizer-horizontal:active{background:var(--accent-gold)}.analysis-section{background:var(--bg-analysis);flex-direction:column;padding:1rem;display:flex;overflow:hidden}.analysis-header h4{color:var(--text-light);margin-bottom:.8rem;font-size:1rem}.analysis-time{background:var(--bg-analysis-item);color:var(--text-light);border:1px solid var(--border-color);border-radius:6px;flex-shrink:0;justify-content:space-between;margin-bottom:.8rem;padding:.8rem;font-size:.9rem;display:flex}.analysis-details{flex-direction:column;flex:1;gap:.4rem;padding-right:.5rem;display:flex;overflow-y:auto}.analysis-item{background:var(--bg-analysis-item);border-left:4px solid #0000;border-top:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-radius:4px;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.analysis-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:.85rem;overflow:hidden}.analysis-diff{font-family:monospace;font-size:.9rem;font-weight:700}.context-menu{background:var(--bg-card);border:1px solid var(--border-color);z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;flex-direction:column;min-width:200px;padding:.4rem;display:flex;position:fixed;box-shadow:0 4px 20px #000c}.context-menu button{color:var(--text-light);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.6rem 1rem;font-size:.9rem;transition:all .2s}.context-menu button:hover{background:var(--bg-hover);color:var(--accent-gold)}.chart-panel{flex-direction:column;flex:1;height:100%;min-height:0;padding-left:1rem;display:flex;position:relative;overflow:hidden}.empty-chart{height:100%;color:var(--text-main);justify-content:center;align-items:center;font-size:1.1rem;font-style:italic;display:flex}
