:root{font-family:PingFang SC,Noto Sans SC,system-ui,sans-serif;color:#16362c;background:#e8f5ee}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}a{color:inherit}.twin-shell{height:100%;max-height:100%;overflow:hidden;background:linear-gradient(180deg,#eaf7f1,#d7efe3)}.twin-sider{height:100%!important;max-height:100%;overflow:hidden}.twin-sider .ant-layout-sider-children{display:flex;flex-direction:column;height:100%;overflow:hidden}.twin-brand{padding:20px 18px 16px;font-weight:800;letter-spacing:1px;color:#145c3f}.twin-sider .ant-menu{flex:1;min-height:0;overflow:auto;border:none!important}.twin-sider .ant-menu-item-selected,.twin-sider .ant-menu-item-selected:hover,.twin-sider .ant-menu-item-selected.ant-menu-item-active{background-color:#1a6b4a!important;color:#fff!important;font-weight:600}.twin-sider .ant-menu-item-selected .ant-menu-title-content,.twin-sider .ant-menu-item-selected .anticon{color:#fff!important}.side-account{margin-top:auto;flex-shrink:0;border-top:1px solid #d7ebe2;padding:14px 14px 16px}.side-account-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.side-account-avatar{width:32px;height:32px;border-radius:50%;background:#1a6b4a;color:#fff;font-size:13px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.side-account-name{font-size:13px;font-weight:600;color:#16362c;line-height:1.3}.side-account-sub{font-size:12px;color:#8aa399}.side-logout{width:100%;border:0;background:#f3f7f5;color:#5c6f67;padding:8px 10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px}.side-logout:hover{background:#fdecea;color:#c0392b}.twin-main{flex:1;min-width:0;min-height:0;height:100%;overflow:hidden}.twin-content{flex:1;height:100%;min-height:0;overflow:auto;padding:20px 24px 40px}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.page-toolbar h2{margin:0}.page-toolbar p{margin:4px 0 0;color:#688;max-width:36em;line-height:1.5}.page-toolbar .ant-btn:not(.ant-btn-text):not(.ant-btn-link){height:40px!important;padding:0 20px!important}.page-toolbar .ant-select-single .ant-select-selector{height:40px!important;display:flex!important;align-items:center}.customer-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.customer-form-row{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.customer-mods{display:flex;flex-wrap:wrap;gap:10px}.customer-card-hint{margin:0 0 12px;color:#688;font-size:13px;line-height:1.5}.meter-detail{display:flex;flex-direction:column;gap:16px}.meter-back{border:0;background:transparent;padding:0;margin-bottom:8px;color:#1a6b4a;cursor:pointer;font-size:13px}.meter-back:hover{color:#145c3f}.meter-enable{display:inline-flex;align-items:center;gap:8px;color:#5c6f67;font-size:13px}.meter-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.meter-kpi{background:#fff;border:1px solid #d7ebe2;border-radius:12px;padding:14px 16px}.meter-kpi .lab{font-size:12px;color:#8aa399}.meter-kpi .val{font-size:22px;font-weight:700;color:#145c3f;line-height:1.3}.meter-kpi .unit{font-size:12px;color:#688;font-weight:500;margin-left:4px}.meter-kpi .sub{margin-top:4px;font-size:12px;color:#8aa399}.meter-empty{color:#8aa399;padding:8px 0}.media-lib{display:flex;flex-direction:column;gap:14px}.media-up{display:flex;align-items:center;gap:8px}.media-tabs{display:flex;gap:6px}.media-tabs button{border:1px solid #d7ebe2;background:#fff;color:#5c6f67;border-radius:8px;padding:6px 14px;cursor:pointer;font-size:13px}.media-tabs button.on,.media-tabs button:hover{border-color:#1a6b4a;color:#1a6b4a;background:#f4faf6}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.media-tile{background:#fff;border:1px solid #d7ebe2;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.media-tile:hover{border-color:#1a6b4a}.media-thumb{height:150px;background:#f3faf6;display:grid;place-items:center}.media-thumb img{width:100%;height:100%;object-fit:contain;padding:10px}.media-meta{padding:10px 12px 4px;min-width:0}.media-meta strong{display:block;font-size:14px;color:#16362c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-meta span{font-size:12px;color:#8aa399}.media-ops{display:flex;gap:12px;padding:8px 12px 12px}.media-ops button{border:0;background:transparent;color:#1a6b4a;cursor:pointer;font-size:13px;padding:0}.media-ops button.danger{color:#c0392b}.media-empty{padding:48px 16px;text-align:center;color:#8aa399;font-size:14px;background:#fff;border:1px dashed #d7ebe2;border-radius:10px}.home-page{display:flex;flex-direction:column;gap:16px}.home-head{display:flex;align-items:baseline;gap:12px}.home-head h2{margin:0;font-size:22px;line-height:1.2}.home-head span{color:#8aa399;font-size:14px}.home-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.home-stat{grid-column:span 2;display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;padding:18px 20px 16px;border:1px solid #d7ebe2;border-radius:10px;background:#fff;cursor:pointer;text-align:left;font:inherit;min-width:0;min-height:132px}.home-stat:nth-child(4),.home-stat:nth-child(5){grid-column:span 3}.home-stat:hover{border-color:#1a6b4a;background:#f4faf6}.home-stat-top{display:flex;align-items:center;justify-content:space-between}.home-stat-top em{font-style:normal;font-size:14px;color:#5c6f67;font-weight:600}.home-stat-ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:#e8f4ee;color:#1a6b4a;font-size:18px}.home-stat.warn .home-stat-ico,.home-stat.bad .home-stat-ico{background:#fdecea;color:#c0392b}.home-stat b{font-size:32px;font-weight:700;color:#145c3f;line-height:1.1;letter-spacing:-.03em}.home-stat.bad b{color:#c0392b}.home-stat-split{display:flex;gap:16px;font-size:14px}.home-stat-split .on{color:#1a6b4a}.home-stat-split .off{color:#c0392b}.home-stat-meta{font-size:14px;color:#8aa399;min-height:1.2em}.home-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-panel{background:#fff;border:1px solid #d7ebe2;border-radius:8px;overflow:hidden}.home-panel header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #e6f0ea}.home-panel h3{margin:0;font-size:15px;font-weight:600;color:#16362c}.home-panel header button{border:0;background:transparent;color:#1a6b4a;cursor:pointer;font-size:13px;padding:0}.home-panel header button:hover{color:#145c3f}.home-panel .ant-table{background:transparent}.home-panel .ant-table-thead>tr>th{background:#f6faf7!important;color:#8aa399;font-weight:500;font-size:13px}.home-panel .ant-table-tbody>tr>td{font-size:14px}.home-screens{list-style:none;margin:0;padding:0}.home-screens li{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:16px;padding:10px 12px;border-top:1px solid #eef5f1}.home-screens li:first-child{border-top:0}.home-screens-name{font-size:14px;font-weight:600;color:#16362c}.home-screens-meta{font-size:13px;color:#8aa399}.home-screens li button{border:0;background:transparent;color:#1a6b4a;cursor:pointer;font-size:14px;padding:0}.home-screens li button:hover{color:#145c3f}.home-empty{padding:16px 12px;color:#8aa399;font-size:13px}@media(max-width:1100px){.home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.home-stat,.home-stat:nth-child(4),.home-stat:nth-child(5){grid-column:span 1}.home-cols{grid-template-columns:1fr}}.meter-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:960px){.meter-grid{grid-template-columns:1fr}}.meter-readonly{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-bottom:12px;font-size:13px;color:#16362c}.meter-readonly span{display:block;color:#8aa399;font-size:12px;margin-bottom:2px}.meter-kv{display:grid;grid-template-columns:76px 1fr;gap:6px 8px;margin:0;font-size:13px}.meter-kv dt{color:#8aa399;padding-top:4px}.meter-kv dd{margin:0;word-break:break-all}.meter-pre{margin:0;white-space:pre-wrap;word-break:break-all;font-size:12px;background:#f3faf6;border-radius:8px;padding:8px 10px}.btn-create{font-weight:600}.screen-ops{display:flex;align-items:center;flex-wrap:wrap;gap:2px}.screen-ops .ant-btn-link{padding:0 8px;height:28px;color:#1a6b4a}.screen-ops .ant-btn-link:hover{color:#145c3f}.screen-ops-more{color:#688!important}.admin-lib{display:flex;flex-direction:column;height:calc(100vh - 60px);min-height:520px}.admin-lib-head h2{margin:0 0 4px}.admin-lib-head p{margin:0 0 12px;color:#688}.admin-lib-body{flex:1;min-height:0;border:1px solid #d7ebe2;border-radius:12px;overflow:hidden;background:#f4faf6}.admin-lib-hint{flex:1;min-width:0;display:flex;flex-direction:column;padding:24px 28px;color:#3d5f52;background:#fff}.admin-lib-hint h3{margin:0 0 6px}.admin-lib-hint p{margin:0 0 16px;max-width:480px;line-height:1.6;color:#688}.admin-lib-stage{flex:1;min-height:220px;display:flex;flex-direction:column;background:#f3faf6;border:1px solid #d7ebe2;border-radius:12px;overflow:hidden;padding:12px}.admin-lib-zoom{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:8px}.admin-lib-zoom-bar{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;color:#3d5f52;font-size:12px}.admin-lib-zoom-view{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}.admin-lib-zoom-inner{transform-origin:center center;display:flex;align-items:center;justify-content:center;width:min(92%,560px);height:min(92%,380px)}.admin-lib-zoom-inner .admin-lib-stage-inner,.admin-lib-zoom-inner .ed-style-preview{width:480px;height:300px;min-height:240px}.admin-lib-toolbar-ops{display:flex;align-items:center;gap:8px}.admin-lib-group-ops{margin:2px 8px 8px;justify-content:flex-start}.admin-lib-upload{display:flex;flex-direction:column;gap:10px}.ed-layer-z{font-size:11px;color:#8aa399;min-width:1.6em;text-align:right;font-variant-numeric:tabular-nums}.admin-lib-stage-inner{width:100%;height:100%;min-height:240px}.admin-lib-stage-inner .ed-style-preview{height:100%;min-height:240px;background:transparent}.admin-lib-stage-media{max-width:100%;max-height:100%;object-fit:contain}.admin-lib-tpl-stage{display:flex;flex-direction:column;align-items:center;gap:14px;color:#8aa399}.admin-lib .ed-style-item,.admin-lib .ed-style-item:active{cursor:pointer}.admin-lib .ed-style-item.on{border-color:#1a6b4a;box-shadow:0 0 0 1px #1a6b4a}.admin-lib-card{cursor:pointer}.admin-lib-tpl-prev{display:grid;place-items:center;color:#8aa399;font-size:12px}.admin-lib-ops{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:6px;font-size:12px}.play-root{width:100vw;height:100vh;overflow:hidden;background:#cfe9dc}.editor-content{padding:0!important;height:100%;overflow:hidden}.editor-root{height:100%;min-height:100vh;display:flex;flex-direction:column;background:#eaf7f1;color:#16362c}.editor-menubar{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#ffffffc7;border-bottom:1px solid #d7ebe2}.editor-name{width:180px!important}.ed-top{border:0;background:transparent;padding:4px 10px;border-radius:8px;cursor:pointer;color:#145c3f;font-weight:600}.ed-top:hover{background:#d9ebe3}.ed-gap{flex:1}.editor-body{flex:1;display:flex;min-height:0}.editor-left,.editor-right{width:240px;background:#ffffffb3;padding:12px;overflow:auto}.editor-left{width:328px;display:flex;flex-direction:row;padding:0;overflow:hidden;background:#ffffffc7}.editor-right{width:340px}.kpi-sec{margin:14px 0 8px;font-weight:700;color:#145c3f;font-size:12px}.kpi-row{border:1px solid #d7ebe2;border-radius:10px;padding:8px 8px 2px;margin-bottom:8px;background:#f7fbf8}.kpi-row-h{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:12px;color:#3d5f52;margin-bottom:4px}.kpi-ref{margin-bottom:10px}.kpi-ref-label{font-size:12px;color:#4d6359;margin-bottom:4px}.kpi-ref-nest{margin:8px 0 4px 8px;padding-left:8px;border-left:2px solid #d7ebe2}.kpi-icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.kpi-icon-cell{aspect-ratio:1;border:1px solid #d7ebe2;border-radius:8px;display:grid;place-items:center;cursor:pointer;background:#fff;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden}.kpi-icon-cell.on{border-color:#1a6b4a;box-shadow:0 0 0 1px #1a6b4a}.kpi-icon-cell.on-dark{background:#16362c;border-color:#2a5346}.kpi-icon-cell.on-dark.on{border-color:#7dcead;box-shadow:0 0 0 1px #7dcead}.kpi-icon-add{color:#1a6b4a;font-size:16px}.kpi-icon-add.on-dark{color:#d9ebe3}.kpi-icon-grid .ant-upload{display:block;aspect-ratio:1;min-width:0}.kpi-icon-grid .ant-upload .kpi-icon-cell{width:100%;height:100%}.kpi-icon-hint{font-size:12px;color:#8aa399;margin-top:6px}.editor-canvas-wrap{flex:1;min-width:0;min-height:0;position:relative;display:flex;flex-direction:column}.editor-canvas{flex:1;overflow:auto;padding:24px;display:flex;justify-content:center;align-items:flex-start;outline:none}.ed-ico-del{color:#c0392b}.editor-zoom{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:6px;padding:6px 8px;background:#ffffffeb;border:1px solid #d7ebe2;border-radius:10px;box-shadow:0 6px 18px #14503c1a}.editor-zoom-pct{min-width:52px;border:0;background:transparent;color:#145c3f;font-weight:600;font-size:13px;cursor:pointer}.editor-zoom-pct:hover{color:#1a6b4a}.editor-zoom-status{cursor:pointer}.editor-zoom-status:hover{color:#1a6b4a}.ed-sec{font-weight:700;margin-bottom:8px;color:#145c3f}.ed-rail{width:72px;flex-shrink:0;overflow:auto;border-right:1px solid #d7ebe2;background:#ffffff73;padding:6px 0}.ed-rail-item{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;border:0;background:transparent;padding:10px 4px;cursor:pointer;color:#3d5f52;font-size:11px;line-height:1.2}.ed-rail-item:hover{background:#eaf5ef;color:#1a6b4a}.ed-rail-item.on{background:#1a6b4a;color:#fff;font-weight:600}.ed-rail-ico{font-size:18px;line-height:1}.ed-rail-lab{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ed-panel{flex:1;min-width:0;display:flex;flex-direction:column;padding:10px;overflow:hidden}.ed-pal{display:flex;flex-direction:column;gap:6px;margin-top:10px}.ed-pal-item{border:1px solid #d7ebe2;background:#fff;border-radius:10px;padding:6px 10px;text-align:left;cursor:pointer;color:#16362c;display:flex;align-items:center;justify-content:space-between;gap:8px}.ed-pal-item:hover{border-color:#1a6b4a;color:#1a6b4a}.ed-pal-item.on{border-color:#1a6b4a;background:#eaf5ef;color:#1a6b4a;font-weight:600}.ed-cat-n{font-size:11px;color:#8aa399;font-weight:500}.ed-styles{flex:1;min-height:0;overflow:auto;overflow-x:hidden}.ed-style-hint{font-size:12px;color:#8aa399;margin:8px 0}.ed-acc{margin-bottom:8px}.ed-acc-h{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;padding:6px 2px;cursor:pointer;color:#145c3f;font-weight:600;font-size:13px}.ed-acc-h:hover{color:#1a6b4a}.ed-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ed-style-item{min-width:0;max-width:100%;overflow:hidden;border:1px solid #d7ebe2;background:#fff;border-radius:10px;padding:6px;cursor:grab;text-align:center;-webkit-user-select:none;user-select:none}.ed-style-item:active{cursor:grabbing}.ed-style-item:hover{border-color:#1a6b4a}.ed-style-preview{position:relative;contain:strict;width:100%;height:64px;overflow:hidden;background:#f3faf6;border-radius:8px;pointer-events:none}.ed-style-preview-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ed-style-label{margin-top:4px;font-size:12px;color:#3d5f52;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ed-xy{display:flex;gap:8px}.ed-xy .ant-input-number{width:100%}.ed-hint{color:#688;margin-bottom:12px}.ed-layers{display:flex;flex-direction:column;gap:4px}.ed-layer{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;cursor:pointer}.ed-layer.on{background:#d9ebe3}.ed-layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ed-ico{border:0;background:transparent;cursor:pointer;padding:0 2px}.editor-status{display:flex;gap:16px;font-size:12px;color:#4d6359;padding:6px 14px;background:#ffffffc7;border-top:1px solid #d7ebe2}.ed-mi{display:flex;justify-content:space-between;gap:24px;min-width:160px}.ed-mi kbd{color:#8aa399;font-size:11px}.ed-ctx{position:fixed;z-index:50;min-width:200px;background:#fff;border:1px solid #d7ebe2;border-radius:10px;box-shadow:0 12px 32px #14503c29;padding:6px}.ed-ctx-item{display:block;width:100%;border:0;background:transparent;text-align:left;padding:6px 10px;border-radius:6px;cursor:pointer;color:#16362c}.ed-ctx-item:hover{background:#eaf7f1}.ed-ctx-div{height:1px;background:#e4f0ea;margin:4px 6px}.ed-help{margin:0;font-size:13px;line-height:1.8;font-family:inherit}.fx{width:100%;height:100%;overflow:visible}.fx-pulse{animation:fx-pulse 1.6s ease-in-out infinite}.fx-glow{filter:drop-shadow(0 0 10px var(--fx-color, #2f8f63))}.fx-alarm{animation:fx-alarm .7s ease-in-out infinite}@keyframes fx-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.82}}@keyframes fx-alarm{0%,to{filter:drop-shadow(0 0 2px #c0392b)}50%{filter:drop-shadow(0 0 16px #ff4d4f) brightness(1.2)}}