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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--sidebar-bg:#222;--sidebar-fg:#fff;--sidebar-hover:#2d2d2d;--border:#333}.sidebar{background-color:#222;color:#fff;display:flex;flex-direction:column;gap:10px;height:100vh;left:0;padding:10px;position:fixed;top:0;width:150px}.panel-button{margin-top:35px}.sidebar-bottom{display:flex;flex-direction:column;gap:10px;margin-bottom:100px}.sidebar--desktop{display:none}@media (min-width:1024px){.sidebar--desktop{background-color:#222;background-color:var(--sidebar-bg);border-right:1px solid #333;border-right:1px solid var(--border);color:#fff;color:var(--sidebar-fg);display:block;height:100vh;height:calc(100vh - var(--topbar-h));min-width:150px;min-width:var(--sidebar-w);position:-webkit-sticky;position:sticky;top:0;top:var(--topbar-h);width:150px;width:var(--sidebar-w);z-index:10}}.sidebar__scroll{display:flex;flex-direction:column;gap:14px;height:100%;overflow-y:auto;padding:16px}.sidebar__section{display:flex;flex-direction:column;gap:10px}.sidebar__btn{background:#0000;border:1px solid #0000;border-radius:6px;color:#fff;color:var(--sidebar-fg);cursor:pointer;padding:10px 12px;text-align:left}.sidebar__btn:hover{background:#2d2d2d;background:var(--sidebar-hover)}.panel-button{margin-top:6px}.sidebar-bottom{margin-top:auto}.sidebar-overlay{inset:0;pointer-events:none;position:fixed;z-index:1000}.sidebar-overlay.is-open{pointer-events:auto}.sidebar--overlay{background:#1f1f1f;border-right:1px solid #333;border-right:1px solid var(--border);bottom:0;box-shadow:0 0 30px #00000059;color:#fff;color:var(--sidebar-fg);display:flex;flex-direction:column;left:-85%;max-width:340px;position:fixed;top:0;transition:left .26s ease;width:85%}.sidebar-overlay.is-open .sidebar--overlay{left:0}.sidebar__header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 14px}.sidebar__title{font-size:16px;margin:0}.sidebar__close{background:#0000;border:none;color:#fff;color:var(--sidebar-fg);cursor:pointer;font-size:18px}.sidebar-backdrop{display:none}.sidebar-overlay.is-open .sidebar-backdrop{background:#00000040;display:block;inset:0;position:fixed}@media (min-width:1024px){.sidebar-overlay{display:none}}.cs-root{min-width:240px;position:relative}.cs-label,.cs-root{display:inline-block}.cs-label{font-weight:500;margin-bottom:6px}.cs-button{align-items:center;background:#fff;border:1px solid #ccc;border-radius:6px;display:flex;font-size:15px;height:40px;justify-content:space-between;padding:0 38px 0 12px;width:100%}.cs-value.cs-placeholder{color:#888}.cs-caret{font-size:28px;margin-left:8px;opacity:.8}.cs-list{background:#fff;border:2px solid #000;border-radius:8px;box-shadow:0 8px 20px #0000001f;left:0;margin-top:6px;overflow:auto;padding:6px;position:absolute;right:0;width:300px;z-index:1000}.cs-option{border-radius:6px;cursor:pointer;font-size:15px;padding:10px 12px}.cs-option.is-active{background:#f2f6ff}.cs-option.is-selected{font-weight:600}.ps-row label{min-width:180px}.ps-select{min-width:200px}.device-table{border-collapse:collapse;font-size:16px;margin-top:10px;width:100%}.device-table td,.device-table th{border-bottom:1px solid #ddd;padding:12px 10px;text-align:left}.device-table th{background:#f5f5f5;font-size:16px;font-weight:600}.device-qty-input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:15px;height:40px;padding:8px 10px;width:70px}.action-buttons,.add-device-form{align-items:center}.add-device-form{display:flex;flex-wrap:wrap;gap:12px}.add-select{min-width:240px}.add-qty{width:90px}.add-btn{border-radius:6px;font-size:15px;height:40px;min-width:130px;padding:0 18px}.btn-primary{margin-top:14px}.ps-row{margin-bottom:14px}.ps-number{width:140px}.input-with-unit{gap:6px}.unit{font-size:.9rem}.panel-canvas-container{border:1px solid #ccc;display:flex;flex-direction:column;gap:8px;height:100%;max-height:1000px;overflow:auto;padding:10px;width:95%}.panel-canvas-toolbar{align-items:center;display:flex;gap:16px}.panel-canvas-row{display:block}.legend{background-color:#fafafa;border:1px solid #ddd;border-radius:6px;margin-top:20px;max-height:70vh;min-width:220px;overflow:auto;padding:8px 12px;width:300px}.Stage,.legend{margin-left:50px}.legend__title{font-size:20px;font-weight:600;margin-bottom:6px}.legend__list{list-style:none;margin:0;padding:0}.legend__item{align-items:center;display:flex;gap:8px;padding:4px 0}.legend__swatch{border:1px solid #333;border-radius:2px;display:inline-block;height:14px;width:14px}.legend__label{font-size:16px}.modal-small{width:400px}.project-list{list-style:none;margin:0;padding:0}.cabinet-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.project-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;flex:1 1;font-size:15px;padding:10px 12px;text-align:left;transition:background-color .2s ease,border-color .2s ease}.project-btn:hover{background:#e8e8e8;border-color:silver}.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:15px;height:40px;min-width:120px;padding:10px 20px;transition:background .2s ease}.modal-actions{margin-top:12px}.proj-checkbox{margin-right:10px}.btn-danger{background:#c0392b;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.btn-danger:disabled{cursor:not-allowed;opacity:.4}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.toolbar span{color:#333;font-weight:500}.toolbar input[type=text]{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:15px;height:40px;min-width:240px;padding:10px}.toolbar button{background-color:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;height:40px;padding:8px 16px;transition:background-color .2s ease}.toolbar button:hover{background-color:#125aa2}.template-badge{background:#fff3c4;border:1px solid #e0c878;border-radius:8px;box-shadow:0 1px 2px #0000001a;color:#8a6d00;display:inline-block;font-size:13px;font-weight:600;padding:4px 10px}.template-badge:before{content:"🏷️ ";margin-right:4px}@media (max-width:768px){.toolbar{gap:8px}.toolbar input[type=text]{flex:1 1 auto;min-width:200px}}.modal-content{box-shadow:0 4px 18px #00000040}.modal-small{width:350px}.modal-label{gap:6px}.btn-primary,.btn-secondary2{border-radius:6px;height:40px;min-width:120px;padding:10px 20px;transition:background .2s ease}.modal-actions-spaced{justify-content:space-between}.modal-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:8px;margin-bottom:12px;padding-bottom:4px}.tab{background:#0000;border:none;border-radius:4px 4px 0 0;color:#555;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:10px 0;transition:all .2s ease}.tab:hover{background:#f3f3f3}.tab.active{background:#fff;border-bottom:3px solid #1976d2;color:#1976d2;font-weight:600}.template-list.scrollable{background:#fafafa;border:1px solid #ddd;border-radius:6px;margin-top:8px;max-height:200px;overflow-y:auto;padding:8px}.template-item{border-bottom:1px solid #eee;cursor:pointer;display:flex;gap:8px;padding:6px 4px}.template-item:last-child{border-bottom:none}.template-item:hover{background:#f0f0f0}@keyframes spin{to{transform:rotate(1turn)}}.device-picker-backdrop{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:40}.device-picker-modal{background:#fff;border-radius:10px;box-shadow:0 6px 24px #00000026;display:flex;flex-direction:column;height:750px;max-height:95vh;max-width:95vw;padding:24px;width:1100px}.device-top-bar{align-items:stretch;display:flex;gap:12px;margin-bottom:10px}.device-top-bar .device-search{height:var(--control-h);line-height:calc(var(--control-h) - 2px);max-width:none;padding:0 10px;width:100%}.device-table-wrapper{border:1px solid #ddd;border-radius:8px;flex:1 1;margin-top:10px;overflow-y:auto}.device-picker-table{border-collapse:collapse;font-size:16px;width:100%}.device-picker-table td,.device-picker-table th{border-bottom:1px solid #ddd;padding:10px}.input{border:1px solid #ccc;border-radius:4px;padding:6px 8px;width:100%}.input.number{width:90px}.device-picker-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:15px}.btn-secondary,.btn-secondary2{background:#efefef}.btn-deselect-all,.btn-secondary,.btn-secondary2{border-radius:4px;cursor:pointer;padding:8px 14px}.btn-deselect-all{background:#1976d2;color:#fff;min-width:200px}.locked-cell{background:#fafafa;border:1px dashed #ddd;border-radius:4px;color:#333;display:inline-block;padding:6px 8px}.panel-layout-container{align-items:flex-start;display:flex;gap:20px;padding:20px}.panel-controls{flex:0 0 750px;min-width:650px}.panel-canvas-wrap{flex:1 1 auto;min-width:0;overflow:auto}.panel-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.panel-device-block{display:flex;flex-direction:column;gap:8px}.panel-device-row{align-items:center;align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px}.hidden-file{display:none}.button-refresh2{background-color:#107c10;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;height:40px;margin-top:14px;padding:8px 16px}.button-refresh2:hover{background-color:#0b6a0b}.button-import{background-color:#0078d4;border:none;border-radius:4px;color:#fff;cursor:pointer;height:40px;padding:8px 16px}.button-import:hover{background-color:#005fa3}.button-export{background-color:#107c10;border:none;border-radius:4px;color:#fff;cursor:pointer;height:40px;padding:8px 16px}.button-export:hover{background-color:#0b6a0b}.button-find{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;height:40px;padding:8px 16px}.button-find:hover{background-color:#125aa2}.refresh-spinner{align-items:center;display:inline-flex;font-size:15px;gap:8px}@media (max-width:1600px){.panel-layout-container{flex-direction:column;gap:16px;overflow:auto;padding:12px}.panel-controls{order:1;width:100%}.panel-canvas-wrap{margin-top:12px;order:2;width:100%}.panel-row label{min-width:12ch;width:auto}button,input,select{max-width:100%}}.enclosure-warning{background:#ffe6e6;border:2px solid #ff4d4d;border-radius:8px;font-size:18px;padding:20px;text-align:center}@media (max-width:360px){.panel-layout-container{gap:12px;padding:10px}}.ps-container{padding:20px}.ps-title{font-size:20px;font-weight:600;margin:0 0 12px}.ps-muted{color:#888;font-size:.9rem}.ps-error{color:crimson;font-size:.95rem;margin-left:4px;margin-top:6px}.btn-primary,.btn-secondary,.button-refresh{border:none;border-radius:4px;cursor:pointer;font-size:15px;padding:8px 14px;transition:background-color .2s ease}.button-refresh{align-items:center;background:#eaeaea;border:1px solid #d0d0d0;color:#333;display:inline-flex;height:32px;justify-content:center}.button-refresh:hover{background:#dcdcdc}.ps-apply{margin-top:12px;padding:10px 16px}.ps-gap-left{margin-left:10px}.input-with-unit{display:flex}.input-with-unit .unit{margin-left:4px}.ps-section{margin-top:20px}.ps-section h4{font-size:16px;font-weight:600;margin:0 0 6px}.ps-divider{background:#e0e0e0;border:none;height:1px;margin:8px 0 12px}.ps-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.ps-row label{font-weight:500;min-width:220px}.input-with-unit{align-items:center;display:inline-flex;gap:8px}.ps-select{min-width:220px}.ps-number{width:120px}.unit{color:#555;font-size:.95rem;margin-left:4px}.subgroup-table-container{padding:10px 0}.subgroup-actions{align-items:center;display:flex;gap:12px}.btn-export,.btn-import{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;padding:8px 14px;transition:background-color .2s ease}.btn-import{background-color:#0078d4}.btn-import:hover{background-color:#005fa3}.btn-export{background-color:#107c10}.btn-export:hover{background-color:#0b6a0b}.subgroup-table{border-collapse:collapse;font-size:16px;width:100%}.subgroup-table td,.subgroup-table th{border-bottom:1px solid #ddd;padding:12px 10px;text-align:left}.subgroup-table th{background:#f5f5f5;font-size:16px;font-weight:600}.hidden-import{display:none}.subgroup-placement-wrapper{margin-top:30px}.actions-column{width:140px}.first-column,.second-column{width:200px}.modal-input,.modal-input1{background:#fff;box-sizing:border-box}.sm-title{font-size:18px}.sm-modal{max-width:1000px}.sm-input{box-sizing:border-box;height:40px}.sm-table{border-collapse:collapse;font-size:16px;width:100%}.sm-table td,.sm-table th{border-bottom:1px solid #ddd;padding:12px 10px;text-align:left}.sm-table th{background:#f5f5f5;font-size:16px;font-weight:600}.group-card{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:16px;padding:14px}.sm-col-actions{gap:10px;padding:4px 0}.btn-activate{background:#eaeaea;border:1px solid #000;border-radius:4px;cursor:pointer;font-size:16px;padding:6px 10px;transition:background-color .2s ease,border-color .2s ease}.btn-activate:hover{background:#125aa2}.sp-container{padding:10px 0}.sp-top-buttons,.tab-button-row{display:flex;gap:10px;margin-bottom:15px}.btn-primary,.btn-secondary2{border:none;border-radius:4px;cursor:pointer;font-size:15px;min-width:140px;padding:8px 14px;transition:background-color .2s ease}.btn-secondary2{background:#e0e0e0;margin-bottom:14px;margin-top:14px}.btn-secondary2:hover{background:#cacaca}.sp-table{margin-top:10px}.section-block{margin-top:24px}.group-table-container{margin-top:20px}.sp-actions{display:flex;gap:10px}.modal-title{margin:0 0 6px}.modal-label{display:flex;flex-direction:column;font-size:15px;font-weight:500;gap:4px}.modal-input,.modal-input1{padding:10px 12px}.modal-input1{border:1px solid #ccc;border-radius:6px;font-size:16px;outline:none;transition:border-color .2s ease;width:100%}.modal-input1:focus{border-color:#1976d2}.modal-hint{color:#666;font-size:14px;margin-top:-8px}.modal-error{margin-top:-6px}.modal-actions{margin-top:4px}.btn-primary,.btn-secondary{min-width:110px}.sm-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.sm-modal{background:#fff;border-radius:12px;box-shadow:0 12px 28px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:1200px;overflow:hidden;width:90vw}.sm-header{border-bottom:1px solid #e0e0e0;padding:16px 20px 8px}.sm-body{overflow:auto;padding:16px 20px}.sm-footer{border-top:1px solid #e0e0e0;display:flex;gap:8px;justify-content:flex-end;padding:12px 20px 16px}.btn-primary,.btn-secondary{border-radius:4px;min-width:140px;padding:8px 14px;transition:background-color .2s ease}.btn-icon{border:1px solid #000}.sm-table-wrapper{overflow-x:auto}.sp-table{border-collapse:collapse;font-size:16px;width:100%}.sp-table td,.sp-table th{border-bottom:1px solid #ddd;padding:12px 10px;text-align:left}.sp-table th{background:#f5f5f5;font-size:16px;font-weight:600}.sm-row{align-items:center;display:flex;gap:10px;height:40px;margin-top:12px}.sm-row .btn-primary,.sm-row .btn-secondary{height:40px;margin-top:14px;padding:0 18px}.sm-wide{max-width:100%;width:320px}.sm-col-header{display:flex;flex-direction:column;gap:6px}.sm-col-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.sm-input{border:1px solid #ccc;border-radius:6px;font-size:15px;padding:10px}.sm-number{text-align:left;width:70px}.sm-title{font-size:24px;margin:0}.sm-status{color:#2e7d32;margin-top:6px}.sm-error{color:#c62828;margin-top:6px}.sm-badge{color:#555;display:inline-block;font-size:12px;margin-left:6px}.master-data-container{padding:10px 0}.master-data-table{border-collapse:collapse;font-size:16px;width:100%}.master-data-table td,.master-data-table th{border-bottom:1px solid #ddd;padding:12px 10px;text-align:left;vertical-align:middle}.master-data-table th{background:#f5f5f5;font-size:16px;font-weight:600}.master-data-table tbody tr:nth-child(2n){background-color:#fafafa}.master-data-table tbody tr:hover{background-color:#e6f7ff;cursor:default}.modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.modal-content{animation:modalFadeIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 18px #0003;display:flex;flex-direction:column;gap:16px;max-width:90%;padding:28px 32px;width:420px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.modal-title{font-size:20px;font-weight:600;margin:0;text-align:left}.modal-input{border:1px solid #ccc;border-radius:6px;font-size:16px;outline:none;padding:12px;transition:border-color .2s ease;width:95%}.modal-input:focus{border-color:#1976d2}.modal-error{color:#d32f2f;font-size:14px;margin-top:-8px}.modal-actions{gap:12px;justify-content:flex-start}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:15px;height:40px;min-width:100px;padding:10px 20px;text-align:center;transition:background .2s ease}.btn-primary{background:#1976d2}.btn-primary:hover{background:#125aa2}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover{background:#cacaca}.section-table-container{padding:10px 0}.section-table{border-collapse:collapse;font-size:16px;width:100%}.section-table td,.section-table th{border-bottom:1px solid #ddd;padding:12px 10px;text-align:left}.section-table th{background:#f5f5f5;font-size:16px;font-weight:600}.btn-icon{transition:background-color .2s ease,border-color .2s ease}.section-placement-wrapper{margin-top:30px}.data-config-container{padding:20px}.tab-button-row{display:flex;gap:10px;margin-bottom:15px}.tab-btn{background-color:#f1f1f1;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.tab-btn:hover{background-color:#e5e5e5}.tab-btn.active{background-color:#1976d2;border-color:#1976d2;color:#fff;font-weight:700}.tab-btn.active:hover{background-color:#155a9c}.template-panel-container{padding:10px 0}.template-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.btn-primary{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;margin-bottom:14px;padding:8px 14px;transition:background-color .2s ease}.btn-primary:hover{background-color:#125aa2}.template-table{border-collapse:collapse;font-size:16px;width:100%}.template-table td,.template-table th{border-bottom:1px solid #ddd;padding:12px 10px;text-align:left}.template-table th{background:#f5f5f5;font-size:16px;font-weight:600}.action-buttons{display:flex;gap:10px}.btn-icon{background:#eaeaea;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:16px;padding:6px 10px;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}.btn-icon:hover{background:#dcdcdc}.btn-icon.edit{border-color:#1976d2}.btn-icon.edit:hover{background:#d0e4ff}.btn-icon.delete{border-color:#d32f2f}.btn-icon.delete:hover{background:#ffd6d6}.btn-icon.disabled,.btn-icon:disabled{cursor:not-allowed;opacity:.4}.active-template-row{background:#f0f7ff}.active-tag{color:#1976d2;font-size:.9em;margin-left:6px}.muted{color:#888;text-align:center}.template-modal-backdrop{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;position:fixed;z-index:40}.template-modal{background:#fff;border-radius:8px;box-shadow:0 6px 24px #00000026;max-width:calc(100vw - 32px);padding:20px;width:360px}.template-modal h3{margin:0 0 10px}.modal-input{border:1px solid #d0d0d0;border-radius:4px;font-size:14px;margin:10px 0 12px;padding:8px 10px;width:100%}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn-secondary2{background:#efefef;border:1px solid #d0d0d0;border-radius:4px;color:#333;cursor:pointer;padding:8px 12px}.btn-secondary2:hover{background:#e6e6e6}:root{--topbar-h:0px;--sidebar-w:150px;--brand-color:#fff;--bar-bg:#222;--bar-fg:#fff;--hover-bg:#ffffff44}.top-bar{background-color:var(--bar-bg);border-bottom:1px solid #111;color:var(--bar-fg);gap:10px;grid-template-columns:auto 1fr auto;height:0;height:var(--topbar-h);padding:0 12px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.top-bar__menu{align-items:center;background:#0000;border:none;color:#fff;color:var(--bar-fg);cursor:pointer;display:inline-flex;font-size:20px;height:36px;justify-content:center;width:36px}.top-bar__menu:hover{background:#ffffff44;background:var(--hover-bg);border-radius:6px}.top-bar__brand{color:#fff;color:var(--brand-color);font-weight:600;justify-self:start;-webkit-user-select:none;user-select:none}.top-bar__right{align-items:center;display:inline-flex;gap:10px;justify-content:flex-end}.top-bar__right button{background-color:#ffffff22;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.top-bar__right button:hover{background-color:#ffffff44;background-color:var(--hover-bg)}.user-icon{color:#fff;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:1024px){.top-bar__menu{display:none}}.app-wrapper{display:flex;flex-direction:column;height:100vh}.top-bar{align-items:center;background-color:#222;color:#fff;display:grid;height:50px;padding:0 20px}.app-container{display:flex;flex:1 1;overflow:hidden}.main-content{flex:1 1;margin-left:5px;overflow-y:auto;padding:20px}
/*# sourceMappingURL=main.d74e6054.css.map*/