:root{--ink:#183441;--muted:#748692;--border:#dce5eb;--teal:#13788b;--teal-light:#e8f4f5;--navy:#103642;--bg:#f1f5f8;--green:#21876a;--blue:#3486c4;--yellow:#bb912c;--orange:#d67b32;--red:#cf5358;--purple:#8b6ba7;font-family:'Segoe UI','Microsoft YaHei',Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:var(--teal);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid var(--teal)}.icon{width:17px;height:17px;flex-shrink:0;vertical-align:middle}.app-header{position:fixed;z-index:500;inset:0 0 auto;height:66px;display:flex;background:#fff;border-bottom:1px solid var(--border);align-items:center}.app-brand{width:224px;height:100%;padding:0 15px;border-right:1px solid var(--border);display:flex;align-items:center;gap:10px;color:var(--ink);flex-shrink:0}.brand-icon{width:33px;height:36px;display:grid;place-content:center;color:var(--teal)}.brand-icon svg{width:31px;height:34px}.brand-text strong{font-size:16px;display:block;line-height:1.45;letter-spacing:.2px}.brand-text small{font-size:13px;color:#4b6075;display:block;margin-top:2px}.header-project{padding-left:22px;min-width:225px}.header-project small{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.header-project strong{font-size:16px;font-weight:600}.header-context{display:flex;gap:22px;align-items:center;flex:1;margin-left:25px;color:#687e89;font-size:14px}.header-context>span{display:flex;gap:6px;align-items:center;white-space:nowrap}.header-actions{display:flex;gap:15px;align-items:center;padding-right:22px}.header-actions button{background:transparent;border:0;color:#4b6075;display:flex;align-items:center;gap:8px;font-size:14px}.avatar{width:30px;height:30px;border-radius:50%;background:#e8f3f4;color:var(--teal);display:grid;place-items:center}.env-badge{font-size:13px;padding:5px 8px;color:#866323;background:#fbf5e6;border:1px solid #e8d8b7;border-radius:3px;cursor:pointer}.sidebar{position:fixed;top:66px;bottom:31px;left:0;width:224px;z-index:450;border-right:1px solid var(--border);background:#fbfcfd;display:flex;flex-direction:column}.sidebar-scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d4dde2 transparent;padding:12px 10px 15px;flex:1}.nav-group{margin:7px 0 18px}.nav-group h2{font-size:14px;color:#4b6075;font-weight:600;letter-spacing:.5px;margin:0 13px 7px}.nav-item{height:40px;display:flex;gap:11px;align-items:center;padding:0 13px;color:#4d6470;margin:2px 0;position:relative;font-size:14px;border-radius:3px;white-space:nowrap}.nav-item:hover{background:#f0f5f7}.nav-item.active{background:#e8f3f4;color:var(--teal);font-weight:600}.nav-item.active:before{content:'';position:absolute;left:0;width:3px;height:20px;background:var(--teal)}.nav-item .nav-count{margin-left:auto;background:#d9e9ec;padding:0 5px;font-size:13px;border-radius:2px;line-height:17px}.sidebar-footer{padding:13px 21px;border-top:1px solid var(--border);color:#4b6075;font-size:13px;line-height:1.8}.sidebar-footer strong{font-weight:500;color:#526b77}.sidebar-collapse{border:0;border-top:1px solid var(--border);padding:10px;background:#f7fafb;color:#4b6075;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px}.app-main{margin:66px 0 31px 224px;min-height:calc(100vh - 97px);padding:20px 22px 30px;max-width:2200px}.system-footer{position:fixed;bottom:0;left:0;right:0;height:31px;z-index:600;display:flex;align-items:center;gap:22px;padding:0 18px;border-top:1px solid var(--border);background:#fbfcfd;font-size:13px;color:#4b6075}.system-footer>span:last-child{margin-left:auto}.connection-dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:#3b9c81;margin-right:6px;vertical-align:middle}.btn{border:1px solid #ccdbe3;background:#fff;color:#526c79;padding:8px 12px;border-radius:3px;display:inline-flex;align-items:center;gap:7px;font-size:14px;line-height:1.5;white-space:nowrap;justify-content:center;transition:background .15s,border-color .15s}.btn:hover{background:#f1f7f8;border-color:#91b5bf}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn.primary:hover{background:#0d6578}.btn.soft{background:#eaf4f5;border-color:#c4dce0;color:var(--teal)}.btn.danger{color:#bb474d;border-color:#e7c3c5;background:#fffafa}.btn.small{padding:5px 9px;font-size:13px}.btn.link{background:none;border-color:transparent;padding:3px 0;color:var(--teal)}.btn.icon-only{padding:7px}.btn .icon{width:14px;height:14px}.text-link{border:0;background:none;padding:0;color:var(--teal);font-size:14px;cursor:pointer}.chip{display:inline-flex;align-items:center;gap:4px;font-size:13px;line-height:1.5;padding:3px 7px;border-radius:3px;white-space:nowrap;border:1px solid transparent}.chip.neutral{background:#f0f4f6;color:#4b6075;border-color:#e3eaee}.chip.green{background:#eaf5ef;color:#2b8c6b;border-color:#d5eadd}.chip.blue{background:#eaf3fb;color:#2c7fba;border-color:#d1e6f6}.chip.yellow{background:#fbf7e9;color:#ac8224;border-color:#ecdfb3}.chip.orange{background:#fff0e5;color:#bc722f;border-color:#f1d8c1}.chip.red{background:#fceff0;color:#c24c55;border-color:#efcfd2}.chip.purple{background:#f5eff9;color:#8962a9;border-color:#e3d4ef}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 19px}.breadcrumb{color:#4b6075;font-size:13px;margin-bottom:7px}.breadcrumb span{margin:0 8px;color:#4b6075}h1{font-size:20px;font-weight:600;margin:0;line-height:1.5;letter-spacing:.1px}.page-heading p{color:#4b6075;font-size:14px;margin:6px 0 0;line-height:1.7}.heading-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}h2{font-size:16px;font-weight:600;margin:0;line-height:1.6}h3{font-size:14px;font-weight:600;margin:0}.panel{background:#fff;border:1px solid var(--border);border-radius:4px;overflow:hidden;min-width:0}.panel-header{min-height:52px;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eef2;gap:15px}.panel-actions{display:flex;align-items:center;gap:10px;color:#4b6075;font-size:13px}.eyebrow{display:block;font-size:13px;color:#4b6075;margin-bottom:3px}.panel-body{padding:18px}.panel.dark>.panel-header{background:var(--navy);border-color:#214754;color:#fff}.panel.dark .eyebrow{color:#9dbcc4}.panel.dark .panel-actions{color:#bdd0d7}.section-gap{margin-top:18px}.muted{color:var(--muted)}.tiny{font-size:13px}.mono{font-family:'Cascadia Code',Consolas,monospace}.number{font-variant-numeric:tabular-nums}.page-grid{display:grid;gap:17px;grid-template-columns:minmax(0,1fr) 320px}.grid-2{display:grid;gap:17px;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{display:grid;gap:17px;grid-template-columns:repeat(3,minmax(0,1fr))}.grid-stack{display:flex;flex-direction:column;gap:17px;min-width:0}.project-summary{display:grid;grid-template-columns:280px repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--border);border-radius:4px;margin-bottom:17px;border-left:3px solid var(--teal)}.summary-name{padding:21px 20px}.summary-name .eyebrow{color:var(--teal);margin-bottom:8px}.summary-name h1{font-size:22px;margin-bottom:7px}.summary-name p{font-size:13px;color:#4b6075;line-height:1.9;margin:0}.summary-cell{border-left:1px solid #e9eef2;padding:23px 18px;display:flex;flex-direction:column;justify-content:center;gap:11px}.summary-cell>span{color:#4b6075;font-size:13px}.summary-cell strong{font-weight:550;font-size:14px;line-height:1.5}.summary-cell small{font-size:13px;color:#4b6075}.dashboard-top{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:17px}.overview-map{height:345px;position:relative;background:#283e43}.map-caption-bar{position:absolute;z-index:410;bottom:8px;right:9px;display:flex;gap:6px}.map-caption-bar .btn{background:#fffef5f0;border-color:#dfdfcc}.mini-map-meta{display:flex;align-items:center;gap:13px;padding:10px 16px;font-size:12px;line-height:1.6;color:#4b6075;border-top:1px solid var(--border);background:#fbfcfd}.mini-map-meta span:last-child{margin-left:auto}.facts-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border);padding:15px 0}.facts-strip>div{padding:0 17px;border-right:1px solid var(--border)}.facts-strip>div:last-child{border:0}.facts-strip span{font-size:13px;color:#4b6075;display:block}.facts-strip strong{display:block;font-size:18px;font-weight:550;margin:6px 0 4px}.facts-strip strong small{font-size:13px;font-weight:400;color:#4b6075;margin-left:5px}.facts-strip p{margin:0;font-size:12px;color:#4b6075}.attention-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border)}.attention-tabs button{background:#fff;border:0;border-right:1px solid var(--border);padding:12px 5px;color:#4b6075;font-size:13px}.attention-tabs button.active{color:var(--teal);background:#eff7f8;box-shadow:inset 0 -2px var(--teal)}.attention-tabs strong{display:block;font-size:15px;font-weight:500;margin-top:6px}.attention-list{padding:0 16px}.attention-item{padding:15px 0;border-bottom:1px solid #edf1f4;font-size:14px;line-height:1.8}.attention-item:last-child{border:0}.attention-item strong{font-size:14px;font-weight:550}.attention-item p{font-size:13px;color:#4b6075;margin:4px 0}.attention-item .row-top{display:flex;justify-content:space-between;gap:8px}.attention-empty{padding:30px 20px;display:flex;gap:12px;align-items:center;color:#4b6075}.attention-empty .icon{width:31px;height:31px;color:#5d9d99;opacity:.7}.attention-empty strong{display:block;font-size:14px;font-weight:500;color:#617d87}.attention-empty small{display:block;margin-top:7px;font-size:13px;line-height:1.8}.monitor-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:17px 0}.monitor-metric{border:1px solid var(--border);border-radius:4px;background:#fff;padding:16px 16px 13px;cursor:pointer;min-width:0}.monitor-metric:hover{border-color:#89b4bc}.monitor-metric .metric-title{display:flex;align-items:center;justify-content:space-between;color:#68838f;font-size:13px}.monitor-metric .metric-title .icon{width:16px;height:16px;opacity:.65}.monitor-metric .metric-value{font-size:22px;color:#214652;font-weight:550;margin:10px 0 9px;letter-spacing:-.2px;font-variant-numeric:tabular-nums;white-space:nowrap}.monitor-metric .metric-value small{font-size:14px;color:#4b6075;font-weight:400;margin-left:5px}.monitor-metric p{font-size:12px;color:#4b6075;margin:0;line-height:1.6}.table-wrap{overflow-x:auto;scrollbar-width:thin}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{background:#f7fafb;font-weight:500;color:#4b6075;padding:11px 15px;font-size:13px;border-bottom:1px solid var(--border)}td{padding:13px 15px;font-size:14px;border-bottom:1px solid #ebf0f3;color:#5a727e;line-height:1.7}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f9fcfd}td strong{font-weight:550;color:#244855}td .sub{display:block;font-size:12px;color:#4b6075;margin-top:2px}.table-empty{text-align:center;padding:35px;color:#4b6075}.table-footer{display:flex;justify-content:space-between;padding:13px 16px;color:#4b6075;font-size:13px;border-top:1px solid #e6edf1}.toolbar{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff;border-bottom:1px solid var(--border);flex-wrap:wrap}.toolbar label{font-size:13px;color:#4b6075;display:flex;align-items:center;gap:7px}.spacer{margin-left:auto}.input,.select,input[type='number'],input[type='text'],input[type='datetime-local'],input[type='date'],input[type='search'],select,textarea{border:1px solid #d3dfe6;background:#fff;color:#355663;border-radius:3px;padding:8px 10px;min-width:0;font-size:14px}.input:focus,input:focus,select:focus,textarea:focus{border-color:#75aab5;outline:1px solid #75aab530}.select,select{cursor:pointer}input[type='checkbox']{accent-color:var(--teal)}.search-field{position:relative}.search-field .icon{position:absolute;left:9px;top:10px;color:#4b6075;width:14px;height:14px}.search-field input{padding-left:31px;width:235px}.tabs{display:flex;border-bottom:1px solid var(--border);background:#fff;gap:3px;overflow-x:auto}.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:13px 18px;color:#4b6075;font-size:14px;white-space:nowrap}.tabs button.active{color:var(--teal);border-bottom-color:var(--teal);font-weight:600}.tabs .chip{margin-left:7px}.chart-box{padding:15px 19px 10px;background:#fff;min-width:0}.chart-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:14px;gap:10px}.chart-title>span{color:#4b6075;font-size:13px}.chart{display:block;width:100%;height:190px;overflow:visible}.chart-axis{fill:#8fa0aa;font-size:13px;font-family:Arial,'Microsoft YaHei',sans-serif}.chart-unit{fill:#95a6af;font-size:13px}.chart-grid{stroke:#e6edf1;stroke-width:1;stroke-dasharray:3 3}.chart.mini{height:140px}.chart-legend{display:flex;gap:17px;font-size:13px;color:#4b6075;padding:0 20px 14px}.chart-legend i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px}.kv{margin:0}.kv>div{display:flex;align-items:flex-start;gap:15px;padding:10px 0;border-bottom:1px solid #edf1f4;line-height:1.7;font-size:14px}.kv>div:last-child{border-bottom:0}.kv dt{color:#4b6075;min-width:92px}.kv dd{margin:0;color:#3c5b69;min-width:0;word-break:break-word}.kv.compact>div{padding:7px 0;font-size:13px}.kv.grid{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.kv.grid>div{padding:13px 0}.kv.grid dt{min-width:105px}.notice{display:flex;gap:10px;align-items:flex-start;color:#4b6075;background:#f3f8fa;border:1px solid #dce9ee;padding:11px 14px;border-radius:3px;font-size:13px;line-height:1.9}.notice .icon{color:#4b6075;width:15px;height:15px;margin-top:2px}.notice.warning{color:#9d834e;background:#fbf8ef;border-color:#eae0c8}.notice.warning .icon{color:#b39451}.notice a{font-weight:500}.empty{padding:45px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:170px}.empty>.icon{width:32px;height:32px;color:#4b6075;margin-bottom:12px}.empty strong{font-size:14px;font-weight:500;color:#4b6075}.empty p{font-size:13px;color:#4b6075;line-height:1.8;margin:8px 0 0}.map-page{padding:0}.map-page-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:#fff;gap:15px}.map-page-heading h1{font-size:14px}.map-page-status{display:flex;gap:24px;align-items:center}.map-page-status small{display:block;font-size:12px;color:#4b6075;margin-bottom:5px}.map-page-status strong{font-size:13px;font-weight:500}.map-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 305px;height:calc(100vh - 205px);min-height:610px}.map-navigation{border-right:1px solid var(--border);background:#fff;display:flex;flex-direction:column;min-width:0}.map-nav-heading{padding:15px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:14px}.map-search{padding:12px 12px 7px}.map-search input{width:100%;font-size:13px;padding:9px}.map-filters{display:flex;gap:4px;flex-wrap:wrap;padding:0 12px 12px}.map-filters button{padding:4px 7px;border:1px solid #d9e3e8;color:#4b6075;background:#fff;border-radius:2px;font-size:12px}.map-filters button.active{background:#e9f4f5;color:var(--teal);border-color:#b6d4db}.point-tree{overflow-y:auto;flex:1;padding:0 10px 10px;scrollbar-width:thin}.tree-object{border-top:1px solid #eaf0f3;padding-top:8px;margin-top:4px}.tree-object>button{border:0;background:none;width:100%;text-align:left;color:#385e6a;padding:8px 4px;font-size:13px;display:flex;gap:5px;align-items:center;font-weight:550}.tree-object>button>.icon{width:12px}.tree-object>button>small{margin-left:auto;color:#4b6075;font-weight:400}.tree-point{display:flex;align-items:center;gap:8px;padding:8px 9px 8px 20px;width:100%;background:transparent;border:0;border-left:2px solid transparent;color:#4b6075;font-size:13px;text-align:left;line-height:1.5}.tree-point .dot{width:5px;height:5px;display:block;border-radius:50%;background:var(--point-color);flex-shrink:0}.tree-point small{font-size:12px;margin-left:auto;color:#4b6075}.tree-point.active{background:#edf6f7;border-left-color:var(--teal);color:var(--teal);font-weight:550}.map-stage{position:relative;background:#2c423e;isolation:isolate;min-width:0}.main-map{width:100%;height:100%;position:absolute;inset:0}.leaflet-container{background:#253b3a;font-family:inherit}.map-top-strip{position:absolute;top:12px;left:12px;right:12px;z-index:410;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.map-top-strip>*{pointer-events:auto}.map-selection{background:#ffffffef;padding:10px 12px;border:1px solid #dce4e5;box-shadow:0 2px 6px #153a4220;display:flex;align-items:center;gap:8px;font-size:13px}.map-selection strong{font-size:14px}.map-view-switch{display:flex;background:#fff;border:1px solid #dce5e5;height:33px}.map-view-switch button{border:0;background:#fff;padding:0 10px;color:#4b6075;font-size:13px}.map-view-switch button.active{background:#e7f1f3;color:var(--teal);font-weight:550}.map-float-tools{position:absolute;z-index:410;right:10px;top:58px;display:flex;flex-direction:column;gap:6px}.map-float-tools .btn{box-shadow:0 2px 5px #16333e20;padding:8px}.layer-control{position:absolute;z-index:420;right:47px;top:58px;min-width:185px;background:#ffffffed;border:1px solid #cbdce0;padding:14px;box-shadow:0 2px 12px #17394433;backdrop-filter:blur(3px);font-size:13px;color:#5b7a86}.layer-control>strong{display:block;margin-bottom:12px;font-size:14px}.layer-control label{display:flex;align-items:center;gap:8px;margin:9px 0}.layer-control p{font-size:12px;color:#4b6075;line-height:1.8;margin:12px 0 0;border-top:1px solid #e3ebee;padding-top:9px}.map-bottom-strip{position:absolute;z-index:410;left:10px;bottom:40px;background:#ffffffed;color:#718a95;padding:9px 11px;border:1px solid #d7e2e6;line-height:1.8;font-size:12px;max-width:320px}.map-bottom-strip .legend-keys{display:flex;gap:12px;align-items:center;margin-bottom:4px;color:#517381}.map-bottom-strip i{width:6px;height:6px;border-radius:50%;display:inline-block;background:#2583cb;margin-right:4px}.map-bottom-strip .line{display:inline-block;border-top:2px dashed #d4b145;width:15px;margin-right:4px;vertical-align:middle}.map-coordinate-bar{display:flex;justify-content:space-between;background:#f7fafb;border-top:1px solid var(--border);padding:8px 13px;font-size:12px;color:#4b6075;gap:15px}.map-inspector{border-left:1px solid var(--border);background:#fff;overflow-y:auto;scrollbar-width:thin}.inspector-title{padding:15px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.inspector-title strong{font-size:14px}.inspector-title .chip{font-size:12px}.inspector-location{font-size:13px;line-height:1.8;color:#4b6075;padding:13px 15px 0}.inspector-value{padding:20px 15px 14px;display:flex;justify-content:space-between;align-items:center}.inspector-value small{display:block;font-size:12px;color:#4b6075;margin-bottom:9px}.inspector-value strong{font-size:29px;font-weight:550;color:#234e5e;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.inspector-value strong span{font-size:14px;color:#4b6075;font-weight:400;letter-spacing:0;margin-left:6px}.inspector-chart{padding:5px 5px 0}.inspector-chart .chart{height:138px}.inspector-meta{padding:4px 15px 12px}.inspector-footer{display:flex;gap:8px;padding:13px 15px;border-top:1px solid var(--border)}.inspector-footer .btn{flex:1;font-size:13px}.map-labels .point-label{display:block}.point-marker{background:none;border:0}.point-symbol{width:25px;height:25px;border:2px solid white;color:#fff;display:grid;place-items:center;font-weight:600;font-size:13px;line-height:1;background:var(--point-color);border-radius:50%;box-shadow:0 1px 5px #0e263a77}.point-marker.selected .point-symbol{box-shadow:0 0 0 5px #ffffff80,0 1px 6px #09263066;outline:2px solid #1f8297}.point-label{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:none;color:#2b5360;background:#fffffff2;border:1px solid #c6d9e0;padding:4px 6px;font-size:12px;white-space:nowrap;box-shadow:0 1px 3px #203b4022}.point-marker.selected .point-label{display:block;z-index:1000;color:var(--teal);font-weight:650}.project-anchor{background:none;border:0}.project-anchor span{font-size:23px;line-height:24px;color:#f6ce54;text-shadow:0 1px 3px #162c31}.site-tooltip{background:#fffef5f2!important;border-color:#dec991!important;color:#6c602b!important;font-size:13px!important;padding:5px 8px!important;box-shadow:0 1px 5px #243b4133!important}.site-tooltip:before{border-top-color:#dec991!important}.place-pin{background:none;border:0;white-space:nowrap}.place-pin span{color:white;font-size:14px;font-weight:550;text-shadow:0 1px 3px #000,1px 0 2px #000}.leaflet-control-zoom a{color:#4b6e7a!important;width:29px!important;height:29px!important;line-height:29px!important;font-size:17px!important}.leaflet-bar{border:1px solid #bcd0d7!important;border-radius:2px!important;box-shadow:0 1px 6px #1c3b4220!important}.leaflet-control-scale-line{border-color:#d5e5e5!important;background:#ffffffc9!important;color:#526c75!important;font-size:12px!important}.leaflet-control-scale{margin-left:12px!important;margin-bottom:12px!important}.monitor-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:17px}.monitor-network{align-self:start}.monitor-network>.panel-body{padding:10px 0}.network-point{display:block;text-align:left;width:100%;padding:13px 15px;background:none;border:0;border-left:3px solid transparent;border-bottom:1px solid #eef2f5;color:#537380}.network-point.active{border-left-color:var(--teal);background:#edf6f7}.network-point strong{font-size:14px;font-weight:550;display:block}.network-point small{display:block;font-size:12px;margin-top:6px;color:#4b6075}.network-stats{display:grid;grid-template-columns:1fr 1fr;padding:15px;gap:12px;border-bottom:1px solid var(--border)}.network-stats>div{font-size:12px;color:#4b6075}.network-stats strong{font-size:17px;color:#406673;font-weight:500;display:block;margin-top:5px}.point-context{padding:17px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border)}.point-context h2{font-size:14px}.point-context p{font-size:13px;color:#4b6075;margin:7px 0 0}.point-context .context-right{display:flex;gap:8px;align-items:center}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--border)}.metric-cell{padding:18px 20px;border-right:1px solid var(--border)}.metric-cell:last-child{border-right:0}.metric-cell>span{font-size:13px;color:#4b6075}.metric-cell strong{display:block;font-size:26px;font-weight:500;margin:10px 0 5px;color:#254f60;font-variant-numeric:tabular-nums}.metric-cell strong small{font-size:14px;font-weight:400;color:#4b6075;margin-left:5px}.metric-cell>small{font-size:12px;color:#4b6075}.time-controls{display:flex;gap:5px;align-items:center}.time-controls button{border:1px solid #d8e3e8;background:white;color:#4b6075;font-size:13px;padding:5px 10px;border-radius:3px}.time-controls button.active{background:#e8f4f5;border-color:#8fbfc9;color:var(--teal)}.axis-chart-grid{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--border)}.axis-chart-grid>.chart-box{border-right:1px solid #e5edf1;padding:15px 8px 9px}.axis-chart-grid>.chart-box:last-child{border:0}.axis-chart-grid .chart{height:172px}.evidence-tags{display:flex;gap:10px;padding:14px 18px;font-size:13px;color:#4b6075;background:#fbfcfd;align-items:center}.evidence-tags .chip:last-child{margin-left:auto}.parameter-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px}.parameter-card{border:1px solid var(--border);border-radius:3px;background:#fbfdfe;padding:15px}.parameter-card h3{display:flex;align-items:center;gap:7px;color:#5d7c87;margin-bottom:15px;font-size:14px}.parameter-card .icon{width:14px;height:14px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#4b6075;line-height:1.6}.field+.field{margin-top:11px}.field input,.field select,.field textarea{width:100%}.parameter-other{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px}.parameter-other .field+.field{margin:0}.check-fields{display:flex;gap:15px;flex-wrap:wrap;margin:15px 0 0}.check-fields label{display:flex;align-items:center;gap:5px;font-size:13px;color:#4b6075}.result-strip{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#eff7f8;border:1px solid #c7e0e4;padding:18px 20px;border-radius:3px}.result-strip>div>span{font-size:14px;color:#5b828b}.result-strip>div>small{display:block;font-size:12px;color:#4b6075;margin-top:9px}.result-strip strong{font-size:37px;font-weight:550;letter-spacing:-.8px;color:#116e81;font-variant-numeric:tabular-nums}.result-strip strong small{font-size:14px;font-weight:400;color:#4b6075;margin-left:8px;letter-spacing:0}.result-strip.invalid{background:#f9f3fa;border-color:#ddcbe5}.formula{font:12px/2 'Cascadia Code',Consolas,monospace;background:#f7f9fb;color:#547787;padding:13px 16px;border:1px solid #e5edf1;border-radius:3px}.beach-section{width:100%;height:235px;display:block}.formula-steps{margin:13px 0;line-height:2.2;color:#4b6075;font-size:13px}.formula-steps b{color:#355f6e;font-weight:550}.data-error{font-size:14px;color:#b65b6b;line-height:1.9;margin:12px 0}.split-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:17px}.profile-svg{width:100%;height:230px;display:block}.scenario-control{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.scenario-control span{font-size:13px;color:#4b6075;margin-right:5px}.scenario-control .btn{font-size:13px;padding:5px 9px}.scenario-control .btn.active{border-color:#81b3bf;background:#eaf5f6;color:var(--teal)}.alert-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:17px}.alert-count{background:#fff;border:1px solid var(--border);padding:15px 18px;display:flex;justify-content:space-between;align-items:center;border-radius:3px}.alert-count>div>span{color:#4b6075;font-size:13px}.alert-count strong{display:block;font-size:23px;font-weight:500;margin-top:8px;font-variant-numeric:tabular-nums}.alert-count>i{width:7px;height:38px;border-radius:2px;opacity:.6;background:var(--stripe-color)}.alert-row-reason{max-width:230px;white-space:normal;font-size:13px;line-height:1.8}.state-stages{display:flex;align-items:center;gap:0;margin:17px 0 22px}.state-stage{display:flex;flex:1;align-items:center;gap:8px;font-size:13px;color:#4b6075}.state-stage:after{content:'';height:1px;background:#dce6eb;flex:1;margin:0 8px}.state-stage:last-child{flex:0;white-space:nowrap}.state-stage:last-child:after{display:none}.state-stage b{width:23px;height:23px;border-radius:50%;border:1px solid #cbdce3;display:grid;place-items:center;font-size:13px;font-weight:500}.state-stage.done{color:var(--teal)}.state-stage.done b{border-color:#9ec6cf;background:#e8f5f6}.timeline{padding:4px 0 0 6px}.timeline-item{padding:0 0 21px 18px;border-left:1px solid #cddfe5;position:relative;font-size:13px;line-height:1.9;color:#4b6075}.timeline-item:before{content:'';position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:#4b9cac;border:1px solid #fff}.timeline-item strong{display:block;font-size:14px;font-weight:500;color:#446b7b;margin-bottom:4px}.timeline-item time{font-size:12px;color:#4b6075}.timeline-item p{margin:5px 0}.document-card{padding:18px;display:flex;gap:15px;align-items:flex-start}.document-card>.file-icon{width:39px;height:46px;flex-shrink:0;background:#eef5f7;border:1px solid #d6e4ea;border-radius:3px;color:#4b6075;display:grid;place-content:center}.document-card>.file-icon .icon{width:23px;height:23px}.document-content{flex:1;min-width:0}.document-content h3{font-size:14px;line-height:1.8}.document-content p{font-size:13px;color:#4b6075;line-height:1.9;margin:6px 0}.document-card-actions{display:flex;gap:15px;margin-top:12px}.document-card-actions a{font-size:13px}.source-table td{white-space:normal;max-width:300px}.archive-hero{display:grid;grid-template-columns:minmax(0,1fr) 330px}.archive-hero .archive-info{padding:22px}.archive-hero h2{font-size:18px;margin-bottom:8px}.archive-hero p{color:#4b6075;font-size:14px;line-height:1.9}.archive-photo{width:100%;height:100%;object-fit:cover;min-height:210px}.archive-photo-box{position:relative;overflow:hidden}.archive-photo-box>span{position:absolute;left:0;right:0;bottom:0;color:#eef4f2;font-size:12px;background:#0e2d3bc9;padding:10px 13px;line-height:1.7}.archive-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--border);background:#fafcfd}.archive-stat{padding:18px;border-right:1px solid var(--border)}.archive-stat:last-child{border:0}.archive-stat span{font-size:13px;color:#4b6075}.archive-stat strong{display:block;font-size:20px;font-weight:500;margin:9px 0;color:#315c6d}.archive-stat small{font-size:13px;font-weight:400;color:#4b6075;margin-left:5px}.archive-stat p{font-size:12px;color:#4b6075;margin:0}.asset-preview{width:100%;height:260px;object-fit:contain;background:#f4f7f8;display:block}.asset-preview.layout{background:#101717}.map-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px}.reference-code{font-family:Consolas,monospace;font-size:14px;color:var(--teal)}.reference-card{padding:20px}.reference-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.reference-card h3{font-size:16px;margin:16px 0 10px;line-height:1.8}.reference-card p{font-size:14px;color:#4b6075;line-height:1.9;margin:8px 0 17px}.reference-card a{font-size:14px}.quality-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.quality-item{background:#fff;border:1px solid var(--border);border-top:2px solid #8fb9c2;padding:15px 16px}.quality-item strong{display:block;font-size:22px;font-weight:500;color:#365f70;margin:10px 0}.quality-item>span{font-size:13px;color:#4b6075}.quality-item p{font-size:12px;color:#4b6075;line-height:1.7;margin:0}.report-card{border:1px solid var(--border);padding:18px;display:flex;gap:13px;align-items:center;border-radius:3px;background:#fff}.report-card strong{font-size:14px;display:block}.report-card p{font-size:13px;color:#4b6075;margin:6px 0}.report-card>.icon{width:28px;height:28px;color:#4b6075}.report-card .btn{margin-left:auto}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.video-frame{aspect-ratio:16/10;background:#182d36;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:#758c95;overflow:hidden}.video-frame>.icon{width:37px;height:37px;margin-bottom:15px;opacity:.7}.video-frame strong{font-size:14px;font-weight:450;color:#a4b6bd}.video-frame>small{font-size:12px;margin-top:10px;color:#617b87}.video-osd{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;font:9px Consolas,monospace;color:#8297a2}.video-source-info{padding:13px 15px;font-size:13px;line-height:1.8;color:#8299a5;display:flex;justify-content:space-between;align-items:center}.video-config-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.inspection-grid{display:grid;grid-template-columns:minmax(0,1.5fr) 300px;gap:17px}.inspection-task{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #eaf0f3;align-items:center;font-size:14px;color:#4b6075}.inspection-task .icon{width:16px;color:#4b6075}.inspection-task>small{font-size:12px;color:#4b6075;margin-left:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .field+.field{margin:0}.full-width{grid-column:1/-1}.form-error{font-size:14px;color:#bc5966;line-height:1.8;margin-top:10px}.form-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:8px}.attachment-preview{max-width:170px;max-height:130px;object-fit:contain;display:block;margin:10px 0}.evidence-page{max-height:70vh;max-width:100%;object-fit:contain;display:block;margin:auto;background:#f5f8fa}.standalone-note{font-size:13px;color:#4b6075;line-height:1.9;margin:10px 0 0}.threshold-input{width:90px!important}.severity-progress{height:6px;background:linear-gradient(to right,#b8dce9 0% 25%,#e7dba4 25% 50%,#efc49f 50% 75%,#e1a4ac 75%);position:relative;margin:17px 0 6px;border-radius:2px}.severity-progress i{position:absolute;top:-3px;width:3px;height:12px;background:#395f72}.rule-card{padding:18px}.rule-card-header{display:flex;align-items:center;justify-content:space-between}.rule-card>p{font-size:13px;color:#4b6075;line-height:1.9}.risk-summary{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--border)}.risk-summary>div{padding:16px 18px;border-right:1px solid var(--border);font-size:13px;color:#4b6075}.risk-summary strong{display:block;color:#3b6778;font-size:14px;font-weight:550;margin:7px 0 5px}.rule-distance{font-size:13px;color:#4b6075;margin-top:13px}.table-row-active{background:#eff7f9}.system-list{padding:4px 18px}.system-row{display:flex;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid #e7eef2}.system-row:last-child{border:0}.system-row>.icon{color:#4b6075}.system-row>div{font-size:14px;flex:1}.system-row p{font-size:13px;color:#4b6075;margin:5px 0 0}.data-table-batch{font-size:12px;color:#4b6075}.user-menu{position:absolute;top:58px;right:20px;width:230px;background:white;border:1px solid var(--border);box-shadow:0 5px 18px #19384415;padding:15px;z-index:800}.user-menu p{font-size:13px;color:#4b6075;line-height:1.9}.layout-collapsed .sidebar{width:66px}.layout-collapsed .app-main{margin-left:66px}.layout-collapsed .nav-item>span,.layout-collapsed .nav-group h2,.layout-collapsed .sidebar-footer,.layout-collapsed .sidebar-collapse span{display:none}.layout-collapsed .nav-item{justify-content:center;padding:0}.layout-collapsed .nav-group{margin:12px 0}.layout-collapsed .sidebar-collapse{height:38px}.layout-collapsed .sidebar-scroll{padding:5px 8px}.layout-collapsed .nav-item.active:before{left:-8px}.hide{display:none!important}[hidden]{display:none!important}dialog{border:1px solid #c8dbe3;border-radius:5px;background:#fff;color:var(--ink);width:min(850px,calc(100vw - 40px));padding:0;max-height:90vh;box-shadow:0 20px 60px #0a293b40}dialog::backdrop{background:#1733436b;backdrop-filter:blur(2px)}.dialog-header{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);gap:20px}.dialog-header h2{font-size:14px}.dialog-header button{border:0;background:none;color:#4b6075;padding:3px}.dialog-body{padding:22px;overflow:auto;max-height:calc(90vh - 68px)}.dialog-body .chart{height:190px}.dialog-body .note-paragraph{font-size:14px;line-height:2;color:#65818f;margin:0 0 14px}.dialog-body .note-paragraph strong{color:#325c6c;font-weight:550}#toast{position:fixed;bottom:49px;left:calc(50% + 90px);z-index:900;background:#194e60f5;color:#eaf7f9;box-shadow:0 4px 20px #0b33492b;padding:11px 20px;border-radius:4px;font-size:14px;opacity:0;transform:translate(-50%,10px);transition:opacity .2s,transform .2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}.file-drag{background:#f7fafb;border:1px dashed #bfd3dc;padding:20px;text-align:center;color:#4b6075;font-size:14px;line-height:1.9}.file-drag input{max-width:100%;margin-top:10px}.data-source-footnote{display:flex;gap:13px;align-items:center;font-size:12px;color:#4b6075;line-height:1.8;margin-top:15px}.data-source-footnote button{margin-left:auto}.audit-note{font-size:13px;color:#4b6075;line-height:1.9}.meter-track{height:4px;background:#e8eff2;overflow:hidden;margin-top:7px;border-radius:2px}.meter-track>i{display:block;height:100%;background:#7daeb9}.image-magnify{cursor:zoom-in}.float-col{display:flex;flex-direction:column;gap:16px}.row-align{display:flex;align-items:center;gap:10px}.section-title{font-size:14px;color:#5e7e8c;margin:22px 0 12px}.max-rows{max-height:430px;overflow:auto;scrollbar-width:thin}.batch-note{padding:10px 16px;border-bottom:1px solid #e5edf1;color:#4b6075;font-size:12px}.table-wrap th{position:sticky;top:0;z-index:1}.about-links{display:flex;gap:20px;margin-top:15px}.about-links a{font-size:14px}
@media(min-width:1700px){.dashboard-top{grid-template-columns:1.85fr 1fr}.overview-map{height:410px}.map-layout{grid-template-columns:210px minmax(0,1fr) 340px}.app-main{padding:24px 28px 30px}.project-summary{grid-template-columns:330px repeat(4,minmax(0,1fr))}.monitor-metrics{gap:17px}.metric-value{font-size:24px}.chart{height:215px}.map-layout{min-height:690px}}
@media(max-width:1280px){.sidebar,.app-brand{width:200px}.app-main{margin-left:200px;padding:17px 17px 25px}.header-context{gap:12px;margin-left:15px}.header-project{padding-left:16px;min-width:195px}.header-actions{padding-right:15px;gap:10px}.project-summary{grid-template-columns:240px repeat(4,minmax(0,1fr))}.summary-cell{padding:20px 13px}.summary-name{padding:19px 16px}.summary-name h1{font-size:20px}.dashboard-top{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}.monitor-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.monitor-metric{padding:13px 15px}.metric-title{font-size:13px}.monitor-metric .metric-value{font-size:22px;margin:8px 0}.page-grid{grid-template-columns:minmax(0,1fr) 280px}.map-layout{grid-template-columns:165px minmax(0,1fr) 270px}.map-selection{padding:9px;font-size:12px;max-width:185px;flex-wrap:wrap}.map-view-switch button{padding:0 7px;font-size:12px}.split-workspace{grid-template-columns:minmax(0,1fr)}.axis-chart-grid .chart{height:165px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.parameter-other{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-stat{padding:16px 13px}.inspection-grid{grid-template-columns:minmax(0,1fr) 265px}.rule-card-header h3{font-size:14px}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1060px){.header-context>span:last-child{display:none}.header-context{gap:12px}.sidebar,.app-brand{width:180px}.app-main{margin-left:180px}.brand-text strong{font-size:14px}.brand-text small{font-size:12px}.app-brand{padding:0 10px;gap:7px}.brand-icon{width:27px}.brand-icon svg{width:27px}.nav-item{font-size:14px;padding:0 9px;gap:9px}.project-summary{grid-template-columns:1.5fr 1fr 1fr}.summary-cell:nth-child(4),.summary-cell:nth-child(5){display:none}.dashboard-top{grid-template-columns:1fr}.dashboard-top>.panel:last-child .attention-tabs{grid-template-columns:repeat(3,1fr)}.page-grid{grid-template-columns:1fr}.monitor-layout{grid-template-columns:170px minmax(0,1fr)}.map-layout{grid-template-columns:150px minmax(0,1fr)}.map-inspector{position:absolute;right:0;bottom:0;width:280px;max-height:80%;z-index:430;border:1px solid #c6dbe1;box-shadow:-3px 0 15px #21435225}.map-page{position:relative}.map-stage{min-height:600px}.map-inspector:empty{display:none}.map-view-switch{height:32px}.map-top-strip{right:10px}.map-layout{position:relative}.header-project{min-width:180px}.header-context .icon{width:13px}.axis-chart-grid{grid-template-columns:1fr}.axis-chart-grid>.chart-box{border-right:0;border-bottom:1px solid var(--border)}.axis-chart-grid .chart{height:180px}.metric-row{grid-template-columns:1fr 1fr}.metric-cell:nth-child(2){border-right:0}.metric-cell:nth-child(-n+2){border-bottom:1px solid var(--border)}.grid-2{grid-template-columns:1fr}.archive-hero{grid-template-columns:1fr 260px}.inspection-grid{grid-template-columns:1fr}.map-page-status>div:nth-child(2){display:none}.map-view-switch button{font-size:12px}.parameter-cards{gap:9px}.parameter-card{padding:12px}.header-context .header-range{display:none}}
@media(max-width:780px){.sidebar{width:62px}.app-main{margin-left:62px;padding:15px 12px 23px}.app-brand{width:62px;justify-content:center;padding:0}.brand-text{display:none}.sidebar-scroll{padding:7px}.nav-group{margin:12px 0}.nav-group h2,.nav-item>span,.sidebar-footer,.sidebar-collapse span{display:none}.nav-item{justify-content:center;padding:0;height:39px}.nav-item.active:before{left:-7px}.sidebar-collapse{padding:10px}.header-project{padding-left:14px;min-width:0}.header-project strong{font-size:14px}.header-context{margin-left:auto;flex:0;padding:0 15px}.header-context>span{display:none}.header-actions{gap:7px;padding-right:12px}.header-actions .header-user-label{display:none}.header-actions .btn.icon-only{display:none}.env-badge{font-size:12px}.system-footer{padding:0 12px;gap:10px;font-size:12px}.system-footer>span:nth-child(2){display:none}.project-summary{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.summary-name h1{font-size:17px}.summary-cell:nth-child(3){display:none}.summary-cell strong{font-size:14px}.summary-cell{padding:18px 13px}.summary-name p{font-size:12px}.project-summary{margin-bottom:14px}.dashboard-top{gap:14px}.overview-map{height:320px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:17px}.heading-actions .btn{padding:7px 9px;font-size:13px}.page-heading p{font-size:13px}.heading-actions{gap:5px}.monitor-metrics{gap:9px}.monitor-metric{padding:12px}.monitor-metric .metric-value{font-size:20px}.monitor-metric .metric-title .icon{display:none}.grid-3{grid-template-columns:1fr}.map-layout{grid-template-columns:130px minmax(0,1fr);min-height:640px}.map-inspector{width:250px;max-height:65%}.map-top-strip{flex-direction:column;align-items:flex-start;gap:7px}.map-selection{max-width:none}.map-view-switch{height:29px}.map-float-tools{top:95px}.layer-control{top:95px;max-width:180px}.map-bottom-strip{max-width:170px;bottom:40px;font-size:12px;padding:7px}.map-bottom-strip .legend-keys{gap:5px;font-size:12px;flex-wrap:wrap}.map-nav-heading{padding:12px 9px;font-size:14px}.tree-point{padding:8px 5px 8px 8px;font-size:12px}.tree-point small{display:none}.map-filters{padding:0 8px 9px;gap:3px}.map-filters button{padding:4px 5px;font-size:12px}.map-search{padding:9px 8px}.map-page-heading{padding:12px}.map-page-heading h1{font-size:16px}.map-page-status{gap:10px}.map-page-status>div{display:none}.map-coordinate-bar>span:first-child{display:none}.map-coordinate-bar{justify-content:flex-end;font-size:12px}.monitor-layout{grid-template-columns:1fr}.monitor-network .panel-body{display:flex;overflow:auto;padding:0}.network-point{min-width:150px;border-left:0;border-bottom:2px solid transparent;border-right:1px solid var(--border);padding:13px}.network-point.active{border-bottom-color:var(--teal);border-left:0}.network-stats{display:none}.monitor-network>.panel-header{min-height:42px;padding:10px 13px}.metric-cell{padding:15px}.metric-cell strong{font-size:23px}.point-context{padding:15px}.point-context h2{font-size:16px}.point-context .context-right{flex-direction:column;align-items:flex-end}.parameter-cards{grid-template-columns:1fr}.parameter-card{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.parameter-card h3{grid-column:1/-1;margin-bottom:5px}.parameter-card .field+.field{margin:0}.parameter-other{grid-template-columns:repeat(2,minmax(0,1fr))}.check-fields{gap:10px;font-size:12px}.split-workspace{gap:14px}.beach-section{height:220px}.map-source-grid{grid-template-columns:1fr}.archive-hero{grid-template-columns:1fr}.archive-photo-box{height:230px}.archive-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-stat{border-bottom:1px solid var(--border)}.archive-stat:last-child{grid-column:span 2}.kv.grid{grid-template-columns:1fr}.alert-counts{gap:7px}.alert-count{padding:10px;align-items:flex-start}.alert-count strong{font-size:22px}.alert-count>i{height:28px;width:4px}.alert-count>div>span{font-size:12px}.video-grid{grid-template-columns:1fr}.quality-matrix{grid-template-columns:1fr 1fr}.dialog-body{padding:16px}.form-grid{gap:12px}.system-footer>span:last-child{max-width:65%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.map-layer-note{font-size:12px}#toast{left:50%;max-width:85vw}.facts-strip>div{padding:0 13px}.facts-strip strong{font-size:17px}.panel-header{padding:12px 14px;min-height:48px}.panel-header h2{font-size:14px}.panel-body{padding:15px}.result-strip{padding:16px}.map-navigation .map-search input{padding:8px 6px;font-size:12px}}
@media(max-width:480px){.page-heading{flex-direction:column}.heading-actions{justify-content:flex-start}.project-summary .summary-name{padding:16px 12px}.summary-name h1{font-size:16px}.summary-cell{padding:14px 10px}.summary-name p{font-size:12px}.summary-cell strong{font-size:14px}.monitor-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-map-meta{font-size:12px;padding:8px 10px;gap:8px}.mini-map-meta span:last-child{display:none}.monitor-metric .metric-value{font-size:22px}.panel-actions .btn{font-size:12px}.map-layout{grid-template-columns:100px minmax(0,1fr)}.map-navigation .map-nav-heading{font-size:13px;padding:12px 8px}.map-navigation .tree-object>button{font-size:12px;padding:8px 0;gap:3px}.tree-point{font-size:12px;gap:5px;padding:8px 2px}.map-filters{padding:0 7px 7px}.map-inspector{width:215px}.map-inspector .inspector-value strong{font-size:22px}.point-tree{padding:0 6px 8px}.map-stage{min-height:640px}.map-bottom-strip{display:none}.header-context{padding:0 6px}.env-badge{padding:4px 6px}.header-actions .avatar{width:26px;height:26px}.map-page-heading .btn{padding:5px 8px;font-size:12px}.point-context{flex-direction:column}.point-context .context-right{flex-direction:row}.evidence-tags{gap:6px;flex-wrap:wrap;font-size:12px;padding:12px}.evidence-tags .chip:last-child{margin-left:0}.parameter-card{grid-template-columns:1fr 1fr}.parameter-other{grid-template-columns:1fr 1fr}.parameter-other label:last-child{grid-column:1/-1}.alert-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.alert-count:first-child{grid-column:span 2}.form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.grid-2,.grid-3{gap:13px}.archive-info .kv>div{flex-direction:column;gap:3px}.toolbar{padding:12px;gap:8px}.search-field input{width:100%}.search-field{width:100%}.tabs button{padding:12px 13px;font-size:13px}.map-top-strip{left:8px;right:8px}.map-selection{font-size:12px;padding:7px}.map-selection strong{font-size:12px}.map-view-switch button{font-size:12px;padding:0 7px}.map-float-tools{right:8px}.rule-card{padding:15px}.result-strip strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.map-caption-bar .btn.primary{background:var(--teal);border-color:var(--teal);color:white}.cluster-marker{background:none;border:0}.cluster-marker span{width:31px;height:31px;border:2px solid #fff;background:#257f9d;box-shadow:0 0 0 5px #2b779640,0 2px 5px #102d4433;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:600;color:white}

@media(max-width:780px){.map-layout{display:flex;flex-direction:column;height:auto;min-height:0}.map-navigation{width:100%;max-height:230px;border-bottom:1px solid var(--border)}.map-navigation .point-tree{max-height:130px;overflow:auto}.map-filters{display:flex;flex-wrap:wrap}.map-stage{width:100%;height:410px;min-height:410px}.map-inspector{position:static;width:100%;max-height:none;border-left:0;border-top:1px solid var(--border);box-shadow:none}.map-top-strip{left:10px;right:10px}.map-float-tools{top:95px}.map-inspector:empty{display:none}.map-page{overflow:hidden}.map-coordinate-bar{justify-content:flex-start}.map-caption-bar .btn{white-space:normal;max-width:190px}}

.facility-pin span{display:inline-block;white-space:nowrap;color:#fff;background:#263f46d9;border:1px solid #ffffff80;padding:3px 7px;border-radius:3px;font:600 12px/1.5 "Microsoft YaHei",sans-serif;box-shadow:0 2px 6px #0004}.project-anchor{z-index:1}.archive-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:900px){.archive-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:951px){.map-layout{height:calc(100dvh - 200px);min-height:450px;grid-template-rows:minmax(0,1fr)}.map-stage,.map-navigation,.map-inspector{min-height:0}.map-navigation{overflow-y:auto}}

.spatial-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-bottom:1px solid var(--border);background:#f6fafb}.spatial-buttons,.spatial-legend{display:flex;align-items:center;gap:9px}.spatial-legend{font-size:13px;color:#64818b}.legend-water:before,.legend-beach:before,.legend-dam:before{content:"";display:inline-block;width:17px;height:3px;margin-right:6px;vertical-align:middle;background:#32bfcf}.legend-beach:before{background:#e7ad43}.legend-dam:before{background:#75ae6e}.beach-satellite-map{height:425px;background:#273c39}.beach-spatial-panel{margin-bottom:18px;overflow:hidden}.beach-map-caption{display:flex;flex-wrap:wrap;gap:9px 20px;padding:12px 16px;font-size:13px;color:#4b6075}.beach-map-caption strong{font-weight:500;margin-left:auto}.beach-measure-label>span,.shoreline-label>span,.section-start-label>span,.section-end-label>span,.scenario-shore-label>span,.dam-trace-label>span{display:block;position:absolute;white-space:nowrap;width:max-content;transform:translate(-50%,-50%);padding:4px 7px;border-radius:3px;font:600 11px/1.6 "Microsoft YaHei",sans-serif;box-shadow:0 2px 6px #0005;color:#efffff;background:#113b42e8;border:1px solid #81dbe4}.beach-measure-label>span{color:#ffde97;background:#3b3429ed;border-color:#f4c16d}.beach-measure-label small{display:block;font-size:12px;font-weight:400;color:#eee3c6}.beach-measure-label.invalid>span{color:#ffd7d7;background:#633d3eeb;border-color:#eaa0a0}.section-start-label>span,.section-end-label>span{padding:2px 5px;color:#fff4cf;background:#4e452ce0;border-color:#e7c77f}.scenario-shore-label>span{border-color:#f2ad56;color:#ffd79d;background:#634322e8}.dam-trace-label>span{color:#dbffd9;background:#264c30df;border-color:#a9d69e}.spatial-reading{padding:12px;background:#f4f8f9;border:1px solid #dde8ec;border-radius:4px;margin:10px 0}.spatial-reading small{display:block;color:#4b6075}.spatial-reading strong{font-size:22px;display:block;margin-top:7px}.spatial-reading p{font-size:13px;line-height:1.8;color:#4b6075}.place-pin span{white-space:nowrap}.map-bottom-strip{max-width:205px;font-size:12px}
@media(min-width:951px){.map-layout{height:calc(100dvh - 242px);min-height:410px}}
@media(max-width:1100px){.spatial-toolbar{flex-wrap:wrap}.spatial-legend{flex-wrap:wrap;font-size:12px;gap:8px}.spatial-buttons .btn{font-size:13px}}
@media(max-width:780px){.beach-satellite-map{height:375px}.beach-map-caption{font-size:12px;display:grid;gap:6px}.beach-map-caption strong{margin-left:0}.spatial-toolbar{padding:9px}.spatial-legend{font-size:12px}.beach-measure-label>span{font-size:13px}.shoreline-label>span{font-size:12px}}

.dam-detail .point-label,.point-radar .point-label{display:block}.point-radar .point-label{left:31px;top:1px;bottom:auto;transform:none;font-size:12px;padding:2px 4px}.dam-detail .point-gnss .point-label{left:26px;transform:none;bottom:7px}.dam-detail .point-seepage .point-label{left:-7px;top:10px;bottom:auto;transform:translateX(-100%)}.dam-detail .point-inclination .point-label{left:-7px;bottom:24px;transform:translateX(-100%)}

.terrain-view{position:absolute;inset:0;overflow:hidden;background:linear-gradient(#d9e6ec,#f0f5f5);isolation:isolate}.terrain-canvas{display:block;width:100%;height:100%;outline:0;touch-action:none}.terrain-loading{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;padding:18px 22px;background:#fffffff0;border:1px solid #d0e1e7;box-shadow:0 4px 20px #163e5020;color:#285763;font-size:14px;text-align:center;white-space:nowrap}.terrain-loading.error{display:grid;gap:12px;white-space:normal}.terrain-navigation,.terrain-zoom{position:absolute;z-index:12;display:flex;gap:1px;border:1px solid #c4dce3;border-radius:3px;overflow:hidden;box-shadow:0 2px 8px #12384620}.terrain-navigation{top:54px;left:12px}.terrain-zoom{bottom:38px;right:12px;flex-direction:column}.terrain-navigation button,.terrain-zoom button{border:0;background:#fffffff2;color:#276577;font:500 10px/1.5 "Microsoft YaHei",sans-serif;padding:7px 9px;cursor:pointer}.terrain-navigation button:hover,.terrain-zoom button:hover{background:#e1f3f5}.terrain-zoom button{font-size:16px;line-height:1;padding:8px 10px}.terrain-credit{position:absolute;z-index:9;bottom:4px;left:7px;padding:3px 5px;background:#ffffffd9;font-size:12px;color:#496a76;max-width:calc(100% - 65px)}.terrain-credit a{color:#276576;text-decoration:underline}.terrain-credit span{margin-left:7px;color:#718895}.terrain-hint{position:absolute;bottom:25px;left:10px;padding:3px 5px;font-size:12px;color:#f6fbfc;background:#284b55b0}.terrain-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.terrain-label{position:absolute;top:0;left:0;white-space:nowrap;width:max-content;max-width:230px;padding:4px 6px;border:1px solid #c7e3df;border-radius:3px;font:500 10px/1.6 "Microsoft YaHei",sans-serif;color:#e9ffff;background:#244b52df;box-shadow:0 2px 7px #0003;pointer-events:none}.terrain-label[hidden]{display:none!important}.terrain-label:is(button){cursor:pointer;pointer-events:auto}.terrain-label.measurement{color:#ffdda0;background:#463c27e8;border-color:#e7bc70;font-weight:600}.terrain-label.measurement small{display:block;font-size:12px;font-weight:400;color:#f1e1bb}.terrain-label.invalid{color:#ffd8d8;border-color:#e5a1a1;background:#633d3deb}.terrain-label.intersection{color:#ffbd59;background:none;border:0;box-shadow:none;font-size:15px;padding:0;text-shadow:0 0 3px white}.terrain-label.section{color:#fff2d0;background:#4c432bd9;border-color:#c8b17b}.terrain-label.shore{border-color:#75e4e8;background:#163f48df}.terrain-label.facility{border-color:#ffffff8c;background:#26404cdb}.terrain-label.place{border:0;box-shadow:none;padding:0;background:none;color:white;text-shadow:0 1px 3px #000,1px 0 3px #000;font-weight:600}.terrain-label.point{padding:0;border:0;box-shadow:none;background:none;overflow:visible;min-width:24px;max-width:none;color:#286273;z-index:2}.terrain-label.point b{width:25px;height:25px;display:grid;place-items:center;border:2px solid white;border-radius:50%;background:var(--point-color);color:white;box-shadow:0 2px 4px #0004;font-size:13px}.terrain-label.point small{display:none;position:absolute;left:28px;top:2px;background:#fffffff2;border:1px solid #c4dfe6;border-radius:2px;padding:1px 4px;color:#285d6b;font:500 8px/1.7 "Microsoft YaHei",sans-serif}.terrain-label.point.show-id small,.terrain-label.point:hover small{display:block}.terrain-label.point.selected{z-index:4}.terrain-label.point.selected b{box-shadow:0 0 0 4px #70b6e999,0 2px 5px #0004}.map-fullscreen-button{position:absolute;z-index:600;right:12px;bottom:112px;border:1px solid #c0d9e1;background:#fffffff5;border-radius:3px;box-shadow:0 2px 8px #22404e25;color:#276576;width:34px;height:34px;font-size:22px;line-height:1;cursor:pointer}.map-fullscreen-button:hover{background:#e2f2f4}.map-is-fullscreen{overflow:hidden!important}.map-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;z-index:9999!important;margin:0!important;border:0!important;border-radius:0!important;background:#dce8ed}.map-fullscreen:fullscreen{width:100vw!important;height:100vh!important}.map-fullscreen .map-fullscreen-button{top:12px;right:12px;bottom:auto}.map-fullscreen .map-top-strip{right:62px}.map-fullscreen .main-map{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.beach-spatial-panel{position:relative}.beach-satellite-map{position:relative;isolation:isolate}.beach-spatial-panel.map-fullscreen{display:flex;flex-direction:column}.beach-spatial-panel.map-fullscreen .beach-satellite-map{flex:1;min-height:0;height:auto}.beach-spatial-panel.map-fullscreen .panel-header{padding-right:65px}.map-fullscreen .terrain-credit{font-size:13px}.map-fullscreen .terrain-hint{font-size:14px;bottom:30px}.overview-map{position:relative}.overview-map .terrain-navigation{top:12px}.overview-map .terrain-hint{display:none}.overview-map .terrain-credit{font-size:12px}.overview-map .terrain-credit span{display:none}.overview-map .map-fullscreen-button{bottom:80px}.map-fullscreen.overview-map .map-fullscreen-button{bottom:auto}.map-fullscreen .overview-map{height:100%}.map-fullscreen .terrain-navigation{top:60px}
@media(max-width:780px){.map-stage .terrain-navigation{top:97px}.terrain-navigation button{padding:5px 7px;font-size:12px}.terrain-credit{font-size:12px}.terrain-credit span{display:none}.terrain-hint{font-size:12px}.terrain-label.measurement{max-width:180px;font-size:12px}.map-fullscreen-button{width:31px;height:31px;font-size:20px}.beach-map-caption{grid-template-columns:1fr}.map-view-switch button{padding:0 6px}.map-fullscreen .map-top-strip{right:50px}.map-fullscreen .terrain-navigation{top:97px}.beach-spatial-panel.map-fullscreen .terrain-navigation{top:12px}}

.ledger-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 15px;background:#f4f9fb;border:1px solid #d6e7ed;border-radius:3px;margin-bottom:12px;font-size:14px;color:#547481}.ledger-summary strong{color:#245d6c;margin-right:12px}.ledger-summary span{font-size:13px}.map-page>.ledger-summary{margin:0;border:0;border-bottom:1px solid #d6e7ed;border-radius:0;padding:8px 14px}.coordinate-note{display:block;color:#a47b30;background:#fff7e7;padding:5px 7px;margin:6px 0;font-size:13px;line-height:1.7}.terrain-cluster{position:absolute;top:0;left:0;width:32px;height:32px;background:#1e7a97;color:white;border:2px solid white;border-radius:50%;box-shadow:0 0 0 4px #4097b644;font:600 11px Arial;pointer-events:auto;cursor:pointer}.terrain-cluster-popup{position:absolute;z-index:80;top:110px;right:12px;width:240px;max-height:230px;overflow:auto;background:#fffffff5;border:1px solid #c6dde5;box-shadow:0 5px 20px #163b4a30;padding:10px;border-radius:4px}.terrain-cluster-popup>button{display:block;width:100%;text-align:left;padding:8px;border:0;background:transparent;color:#286575;font-size:14px;cursor:pointer}.terrain-cluster-popup>button:hover{background:#e9f3f7}.terrain-cluster-popup header{display:flex;justify-content:space-between;font-size:14px;color:#315e6c}.terrain-cluster-popup header button{border:0;background:none;cursor:pointer}.terrain-label.point small{max-width:110px;overflow:hidden;text-overflow:ellipsis}@media(min-width:951px){.map-layout{height:calc(100dvh - 280px);min-height:380px}}@media(max-width:780px){.ledger-summary{flex-wrap:wrap;padding:9px;gap:6px}.ledger-summary strong,.ledger-summary span{font-size:12px}.ledger-summary .text-link{font-size:12px}}

@media(min-width:781px){.monitor-network .panel-body{max-height:650px;overflow-y:auto}}

/* Local iconfont device artwork — preserve SVG colours on satellite imagery. */
.device-icon{display:inline-block;flex-shrink:0;vertical-align:middle;object-fit:contain;filter:none;pointer-events:none}
.device-icon.icon{width:22px;height:22px;stroke:none}
.point-symbol,.terrain-label.point b{box-sizing:border-box;width:34px;height:34px;padding:3px;background:#fff;border:1px solid #ffffff;border-radius:10px;box-shadow:0 2px 7px #102e4b50,0 0 0 1px #234e6a22;display:grid;place-items:center;color:inherit;line-height:1}
.point-symbol .device-icon,.terrain-label.point b .device-icon{width:27px;height:27px;display:block}
.point-marker.selected .point-symbol,.terrain-label.point.selected b{background:#fff;outline:2px solid #2b8fba;outline-offset:2px;box-shadow:0 0 0 6px #ffffff80,0 3px 10px #12354b50}
.terrain-label.point{min-width:34px}
.terrain-label.point small{left:39px;top:6px;background:#ffffffed;border-color:#d5e4eb;line-height:1.7;font-size:12px}
.point-label{bottom:40px}
.dam-detail .point-gnss .point-label{left:39px;bottom:8px}
.point-radar .point-label{left:40px;top:5px}
.tree-point .device-icon{width:21px;height:21px}
.tree-point{gap:7px;min-height:34px}
.map-filters button{display:inline-flex;align-items:center;gap:3px;min-height:25px}
.map-filters .device-icon{width:16px;height:16px}
.device-title{display:flex;align-items:center;gap:8px}
.device-title>.device-icon{width:30px;height:30px}
.terrain-cluster,.cluster-marker>span{background:#2788c5;border-radius:11px;border:2px solid white;box-shadow:0 2px 8px #16405c45}
.empty>.device-icon{width:48px;height:48px;opacity:1}
@media(max-width:780px){.map-filters .device-icon{width:14px;height:14px}.tree-point .device-icon{width:19px;height:19px}}

.chart-sampling-note{margin:5px 0 0;color:#566d80;font-size:13px;line-height:1.7}.text-link:disabled{cursor:default;opacity:.45}