.layout-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:#333;color:#ccc}.main-layout{display:flex;flex:1;overflow:hidden}.content-area{flex:1;overflow-y:auto;padding:0;background-color:#333}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#333;border-left:1px solid #222}::-webkit-scrollbar-thumb{background:#444;border:2px solid #333;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.header{height:36px;background-color:#333;display:flex;align-items:center;justify-content:space-between;padding:0;border-bottom:1px solid #222222;color:#eee;flex-shrink:0;z-index:100}.header-left{display:flex;align-items:center;height:100%}.home-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#2b2b2b;border-right:1px solid #111;cursor:pointer}.home-icon img{height:20px}.logo-container{display:flex;align-items:center;padding-left:12px;gap:10px}.ifm-logo{height:24px}.divider{color:#555;font-size:18px;margin-top:-2px}.app-title{font-size:13px;font-weight:400;color:#ddd}.header-right{display:flex;align-items:center;gap:20px;padding-right:12px}.status-time{display:flex;flex-direction:column;align-items:flex-end;font-size:11px;line-height:1.1;color:#aaa}.header-actions{display:flex;gap:16px;align-items:center}.header-actions img{height:20px;cursor:pointer}.header-actions img:hover{filter:brightness(1.2)}.sidebar{width:260px;background-color:#414141;display:flex;flex-direction:column;height:100%;border-right:1px solid #222;color:#fff;flex-shrink:0;transition:width .3s ease}.sidebar.collapsed{width:60px}.sidebar-header{height:40px;display:flex;align-items:center;padding:4px 12px;background-color:#414141;border:none;flex-shrink:0;z-index:50;overflow:hidden}.sidebar.collapsed .sidebar-header{padding:0;justify-content:center}.back-button{flex:none;height:100%;width:fit-content;padding:0 16px;white-space:nowrap}.sidebar.collapsed .back-button span{display:none}.back-button:hover{background-color:#4a4a4a}.header-back{height:18px}.sidebar-content{flex:1;overflow-y:auto;position:relative;overflow-x:hidden}.device-info{position:sticky;top:0;z-index:30;padding:8px 16px;display:flex;align-items:center;gap:8px;background-color:#414141;border:none;height:64px;box-sizing:border-box;overflow:hidden}.sidebar.collapsed .device-info{padding:8px 0;justify-content:center;gap:0}.device-img{height:48px}.sidebar.collapsed .device-img{height:32px;margin:0 auto}.device-text{display:flex;flex-direction:column;flex:1}.sidebar.collapsed .device-text{display:none}.device-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap}.device-ip{font-size:11px;color:#bbb;white-space:nowrap}.device-menu{height:24px;width:24px;cursor:pointer;opacity:.8}.sidebar.collapsed .device-menu{display:none}.sidebar-divider{position:sticky;top:64px;z-index:25;height:0;border-top:1px solid #222222;border-bottom:1px solid #707070;width:100%}.nav-tree{padding:0}.nav-heading{position:sticky;top:66px;z-index:20;height:40px;display:flex;align-items:center;padding:0 16px;font-size:13px;font-weight:500;color:#ffffffb3;background-color:#414141;margin-top:0;box-sizing:border-box;overflow:hidden;white-space:nowrap}.sidebar.collapsed .nav-heading{padding:0;justify-content:center}.sidebar.collapsed .nav-heading span,.sidebar.collapsed .nav-heading .item-options{display:none}.nav-group-header{position:sticky;top:106px;z-index:15;height:40px;display:flex;align-items:center;padding:0 16px;font-size:13px;gap:8px;cursor:pointer;color:#fff;background-color:#414141;overflow:hidden}.sidebar.collapsed .nav-group-header{justify-content:center;padding:0}.nav-group.active>.nav-group-header{background-color:#333}.nav-group-header:hover{background-color:#4a4a4a}.nav-item,.nav-item-expandable{min-height:40px;display:flex;align-items:center;padding:0 16px;font-size:13px;cursor:pointer;gap:8px;color:#fff;overflow:hidden}.sidebar.collapsed .nav-item,.sidebar.collapsed .nav-item-expandable{justify-content:center;padding:0}.nav-item:hover,.nav-item-expandable:hover{background-color:#4a4a4a}.nav-item.active{background-color:#333}.nav-icon{height:24px;width:24px;flex-shrink:0}.expander-icon{width:14px;margin-right:4px;flex-shrink:0}.sidebar.collapsed .expander-icon{display:none}.expander-icon.open{width:18px}.sidebar.collapsed .nav-group-header span,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-item-expandable span,.sidebar.collapsed .nav-group-content{display:none}.nav-item.secondary{padding-left:50px;font-size:12px;color:#eee;min-height:32px}.indent{width:14px}.spacer{flex:1}.item-options{height:24px;width:24px;opacity:.8}.sidebar-footer{height:40px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background-color:#414141;font-size:11px;border-top:none;color:#eee;flex-shrink:0;z-index:50;overflow:hidden}.sidebar.collapsed .sidebar-footer{padding:0 12px;justify-content:center}.sidebar.collapsed .sidebar-footer span{display:none}.status-container{display:flex;align-items:center;gap:8px}.status-check{width:18px;height:18px;background-color:#4caf50;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.status-ok{color:#4caf50;font-weight:700}.content-container{display:flex;flex-direction:column}.content-toolbar{padding:0;margin-left:16px;background-color:#555;box-shadow:0 2px 4px #0000004d}.toolbar-row-main{display:flex;align-items:center;gap:12px;padding:8px 16px;width:100%;box-sizing:border-box}.toolbar-row-tags{padding:0 16px 8px;width:100%;box-sizing:border-box}.filter-input-container{display:flex;align-items:center;background-color:#00000029;border:1px solid #444;border-radius:2px;height:32px;padding:0 10px;flex:1}.filter-input{background:transparent;border:none;color:#eee;font-size:13px;flex:1;outline:none}.filter-icon{height:14px;opacity:.6}.btn-icon{height:10px}.toolbar-buttons{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-filter{background-color:transparent;border:none;color:#ccc;cursor:pointer;font-size:13px;padding:6px 12px;border-radius:4px}.btn-filter:hover{background-color:#ffffff1a;color:#fff}.filter-tags-container{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-tag{display:flex;align-items:center;background-color:#4a4a4a;border-radius:12px;padding:2px 8px;font-size:11px;color:#eee;gap:6px}.filter-tag-close{cursor:pointer;font-weight:700;color:#aaa;font-size:14px;line-height:1}.filter-tag-close:hover{color:#fff}.list-items{display:flex;flex-direction:column;gap:1px;padding:12px 16px}.list-item{display:flex;align-items:center;padding:0 16px;background-color:#262626;height:56px;box-sizing:border-box}.list-item:hover{background-color:#2d2d2d}.list-item.selected{background-color:#1a1a1a;border-left:2px solid #7295C2}.item-icon{width:48px;display:flex;align-items:center;justify-content:center;margin-right:12px}.item-icon img{height:32px;width:32px}.item-info{display:flex;flex-direction:column;width:200px;border-right:1px solid #444;padding-right:24px;margin-right:24px}.item-name{font-size:12px;color:#ccc}.item-serial{font-size:11px;color:#777}.item-stats{display:flex;gap:32px;flex:1}.stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:11px;width:140px}.stat-header{display:flex;align-items:center;gap:4px}.stat img{height:14px}.stat.warning{color:#f07e13}.stat.damage{color:#f44336}.stat-header span{color:#777;font-size:11px}.stat-val{color:#ccc;margin-left:0;font-size:12px;font-weight:400}.item-extra{color:#444;width:80px;text-align:center}.item-actions img{height:18px;opacity:.6;cursor:pointer}.item-actions img:hover{opacity:1}.filter-overlay-modal{position:absolute;top:100%;right:0;margin-top:8px;width:400px;height:260px;background-color:#414141;color:#eee;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080;border:1px solid #555;border-radius:4px;z-index:100;overflow:hidden}.filter-overlay-body{display:flex;flex:1;overflow:hidden}.filter-categories{width:140px;border-right:1px solid #555;overflow-y:auto;padding:6px 0;flex-shrink:0;background-color:#414141}.filter-category-item{padding:4px 12px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:6px;color:#ccc;transition:background-color .2s}.filter-category-item:hover{background-color:#4a4a4a;color:#fff}.filter-category-item.active{background-color:#505050;color:#fff;font-weight:600}.category-indicator{width:10px;height:10px;display:flex;align-items:center;justify-content:center;font-size:9px;color:#7295c2;font-weight:700}.filter-settings{flex:1;padding:12px;overflow-y:auto;background-color:#414141}.settings-header{font-size:13px;margin-bottom:8px;font-weight:600;color:#fff;border-bottom:1px solid #555;padding-bottom:4px}.settings-content{display:flex;flex-direction:column;gap:4px}.checkbox-group{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 0}.checkbox-box{width:12px;height:12px;border:1px solid #777;border-radius:2px;display:flex;align-items:center;justify-content:center;background-color:#333}.checkbox-box.checked{background-color:#7295c2;border-color:#7295c2}.checkbox-box.checked:after{content:"✓";font-size:9px;color:#fff;font-weight:700}.filter-overlay-footer{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-top:1px solid #555;background-color:#414141}.footer-actions{display:flex;gap:8px}.overlay-btn{padding:4px 12px;border:1px solid transparent;font-size:12px;cursor:pointer;font-family:inherit;border-radius:3px;transition:all .2s}.overlay-btn.clear-all{background:transparent;color:#bbb;padding:4px 0;border:none;font-size:11px;text-decoration:underline}.overlay-btn.clear-all:hover{color:#fff}.overlay-btn.cancel{background:transparent;color:#ccc;border-color:#555}.overlay-btn.cancel:hover{border-color:#777;color:#fff}.overlay-btn.apply{background-color:#7295c2;color:#fff;font-weight:500}.overlay-btn.apply:hover{background-color:#5f80ad}.comparison-container{display:flex;gap:8px;align-items:center}.filter-select{background-color:#333;color:#eee;border:1px solid #777;padding:6px;border-radius:2px;font-size:13px;outline:none;cursor:pointer}.filter-select:focus{border-color:#7295c2}.filter-input-text{background-color:#333;color:#eee;border:1px solid #777;padding:6px 8px;border-radius:2px;font-size:13px;outline:none;width:100px}.filter-input-text:focus{border-color:#7295c2}.settings-drawer{position:fixed;top:36px;right:-600px;width:600px;height:calc(100vh - 36px);background-color:#2b2b2b;box-shadow:-4px 0 24px #0009;transition:right .3s ease-in-out;z-index:200;display:flex;flex-direction:column;color:#eee;border-left:1px solid #111}.settings-drawer.open{right:0}.drawer-header{height:40px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background-color:#333;border-bottom:1px solid #222;flex-shrink:0}.drawer-title span{font-size:13px;font-weight:500;color:#ccc}.drawer-actions{display:flex;align-items:center;gap:12px}.minimize-btn{background:transparent;border:none;cursor:pointer;color:#999;font-size:18px;padding:4px 8px}.close-btn{background:transparent;border:none;cursor:pointer;color:#999;font-size:18px;padding:4px 8px;transition:color .1s;font-weight:300;line-height:normal}.close-btn:hover{color:#fff;background-color:transparent}.drawer-content{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.drawer-section{display:flex;flex-direction:column;gap:12px}.section-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#fff;cursor:pointer}.section-expander{width:12px}.section-body{padding-left:20px;display:flex;flex-direction:column;gap:12px}.type-label{font-size:13px;font-weight:500;color:#bbb;margin-bottom:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}.grid-column{display:flex;flex-direction:column;gap:12px}.form-row{display:flex;gap:12px;width:100%}.form-group{display:flex;flex-direction:column;gap:4px;flex:1}.form-group label{font-size:11px;color:#888}.form-group input,.form-group select{background-color:#333;border:1px solid #444;color:#eee;height:32px;padding:0 8px;font-size:12px;border-radius:2px;outline:none;width:100%;box-sizing:border-box}input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid #666;border-radius:50%;background-color:transparent;cursor:pointer;position:relative;outline:none}input[type=radio]:checked{border-color:#fff}input[type=radio]:checked:after{content:"";position:absolute;top:3px;left:3px;width:6px;height:6px;border-radius:50%;background-color:#fff}.radio-group{display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer}.graph-placeholder{background-color:#222;border:1px solid #333;border-radius:4px;padding:16px;display:flex;flex-direction:column;gap:12px;margin-top:8px}.graph-mock{height:auto;width:100%;display:flex;justify-content:center;border-left:1px solid #444;border-bottom:1px solid #444;padding:8px}.curve-graph-img{width:100%;height:auto;max-height:180px;opacity:.9}.graph-info{font-size:11px;color:#666}.sub-section{display:flex;flex-direction:column;gap:10px}.sub-section label{font-size:12px;font-weight:500;color:#999}.band-type-row{display:flex;align-items:center;gap:24px}.empty-message{background-color:#222;border:1px dashed #444;padding:20px;display:flex;align-items:center;justify-content:center;gap:10px;color:#666;font-size:12px}.alert-error{background-color:#ffffff0d;border:1px solid #444;padding:12px;display:flex;align-items:center;gap:12px;color:#bbb;font-size:12px;border-radius:2px}.alert-error img{height:18px;opacity:.7}.calc-stats{display:flex;justify-content:space-around;padding:16px 0;border-bottom:1px solid #444}.calc-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.calc-stat .val{font-size:16px;font-weight:500;color:#fff}.calc-stat .lbl{font-size:10px;color:#888}.stat-divider{width:1px;height:30px;background-color:#444}.threshold-controls{display:flex;align-items:flex-end;gap:12px;margin-bottom:12px}.threshold-table{width:100%;border-collapse:separate;border-spacing:0 2px;font-size:12px}.threshold-table th{text-align:left;color:#eee;font-weight:500;padding:8px;background-color:#555}.threshold-table tr td{padding:8px;background-color:#0000002b}.threshold-table tr td:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.threshold-table tr td:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.threshold-table input,.threshold-table select{background-color:#2b2b2b;border:1px solid #444;color:#eee;height:28px;padding:0 8px;font-size:11px;border-radius:2px;outline:none;width:100%}.cell-with-icon{display:flex;align-items:center;gap:8px}.stat-icon{height:18px}.btn-delete{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;opacity:.6;transition:opacity .2s}.btn-delete:hover{opacity:1}.btn-delete img{height:18px;width:18px}.drawer-footer{height:64px;padding:0 24px;display:flex;align-items:center;gap:12px;background-color:#333;border-top:1px solid #222;flex-shrink:0}.undo-btn{opacity:.6}.save-btn{background:#7295c2;border-color:#5a7ea8;color:#fff;font-weight:600}.save-btn:hover{filter:brightness(1.1)}.small-input{width:60px!important}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#eee;background-color:#333;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:#333}#root{width:100%}.standard-button{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:4px 12px;gap:8px;width:fit-content;min-width:40px;height:32px;background:linear-gradient(180deg,#575757cb,#4a4a4acd);border:1px solid #222222;color:#eee;font-size:13px;border-radius:2px;cursor:pointer;flex:none;order:0;flex-grow:0}.standard-button img{height:16px}.standard-button:hover{filter:brightness(1.1)}