/* FPMS Field Atlas · only enabled outside the protected quality-inspection screens. */
.u-preview-panel{display:none}
.ui-modern{--ui-primary:#08766b;--ui-deep:#123f38;--ui-ink:#173a35;--ui-muted:#58716b;--ui-line:#dce7e2;--ui-ground:#edf3ef;--ui-gold:#d9ac4d;--ui-shadow:0 3px 16px #193d3110;--ui-radius:14px;--blue:var(--ui-primary);--blue-deep:var(--ui-deep);--blue-bg:#e7f5ef;--green:#16836b;--green-bg:#e7f5ef;--ink:var(--ui-ink);--ink2:#38584f;--gray:var(--ui-muted);--line:var(--ui-line);--bg:var(--ui-ground);--grad:linear-gradient(120deg,#123f38,#08766b);--radius:var(--ui-radius);--shadow:var(--ui-shadow);font-family:"Segoe UI Variable","Microsoft YaHei UI","PingFang SC",sans-serif;color:var(--ui-ink);background:var(--ui-ground)}
.ui-modern *{scrollbar-width:thin;scrollbar-color:#b8cec2 transparent}
.ui-modern button,.ui-modern a,.ui-modern [role=button]{touch-action:manipulation;transition:background-color .16s,color .16s,box-shadow .16s,border-color .16s}
.ui-modern button:focus-visible,.ui-modern a:focus-visible,.ui-modern input:focus-visible,.ui-modern select:focus-visible,.ui-modern textarea:focus-visible,.ui-modern [tabindex]:focus-visible{outline:3px solid #d2a13d;outline-offset:3px}
.ui-modern button:active,.ui-modern [role=button]:active{filter:brightness(.94)}
.ui-modern .u-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;vertical-align:-4px;color:currentColor;line-height:1;margin-right:4px}
.ui-modern .u-icon svg{width:100%;height:100%;display:block;stroke-width:1.7}
.ui-modern .u-icon:last-child{margin-right:0}
.ui-modern .u-muted{color:var(--ui-muted)}
.ui-modern .badge{font-size:11px;line-height:1.5;white-space:nowrap;border-radius:6px;padding:3px 7px}
.ui-modern .b-blue{background:#e5f2ef;color:#09685e}.ui-modern .b-amber{background:#fff1d7;color:#85590e}.ui-modern .b-red{background:#feebe7;color:#b13e35}.ui-modern .b-gray{background:#edf2ef;color:#52695e}
.ui-modern .card{border:1px solid var(--ui-line);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);overflow:hidden}
.ui-modern .btn-q,.ui-modern .btn-new{background:var(--ui-primary);color:#fff;font-weight:600}
.ui-modern .btn-q:hover,.ui-modern .btn-new:hover{background:#095d54;box-shadow:0 3px 9px #08766b25}
.ui-modern .btn-r:hover{background:#eef6f0;border-color:#a8c5b6}
.ui-modern input,.ui-modern select,.ui-modern textarea{accent-color:var(--ui-primary)}
.ui-modern .u-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--ui-muted);text-transform:uppercase}
.ui-modern .u-module-banner{position:relative;display:flex;gap:24px;align-items:center;min-height:118px;padding:17px 24px;margin:0 0 14px;border:1px solid #cddfd5;border-radius:16px;background:linear-gradient(100deg,#deeee3,#f5f8ed);overflow:hidden}
.ui-modern .u-module-banner::after{content:"";width:250px;height:250px;position:absolute;right:12%;top:-135px;border:1px solid #5a8b7020;border-radius:50%;box-shadow:0 0 0 22px #5a8b7008,0 0 0 46px #5a8b7007;pointer-events:none}
.ui-modern .u-banner-copy{min-width:0;z-index:1;flex:1}
.ui-modern .u-banner-copy h3{font-size:23px;letter-spacing:-.5px;line-height:1.4;color:var(--ui-deep);margin:4px 0 5px;font-weight:750}
.ui-modern .u-banner-copy p{font-size:12px;line-height:1.7;color:#416456;max-width:720px}
.ui-modern .u-banner-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}
.ui-modern .u-banner-tags>span{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#35594b;background:#ffffffa8;border:1px solid #c9dccc;border-radius:5px;padding:3px 8px}
.ui-modern .u-banner-tags .u-icon{width:13px;height:13px;margin:0}
.ui-modern .u-banner-art{height:112px;width:206px;object-fit:contain;flex-shrink:0;z-index:1}

.ui-modern .u-kpi-icon{width:34px;height:34px;position:absolute;right:12px;top:13px;border-radius:10px;background:#e9f3ee;color:var(--ui-primary);display:grid;place-items:center}
.ui-modern .u-kpi-icon .u-icon{width:20px;height:20px;margin:0}
.ui-modern .u-mini-bars{position:absolute;right:13px;bottom:14px;display:flex;align-items:flex-end;gap:3px;height:20px;opacity:.65;pointer-events:none}
.ui-modern .u-mini-bars i{width:4px;border-radius:2px 2px 0 0;background:#a2c4ae}
/* Desktop workspace */
body.ui-modern[data-ui-surface=pc]{font-size:14px}
.ui-modern[data-ui-surface=pc] .topbar{background:#fff;color:var(--ui-ink);border-bottom:1px solid var(--ui-line);box-shadow:none}
.ui-modern[data-ui-surface=pc] .topbar-inner{height:68px;padding:0 22px;gap:20px}
.ui-modern[data-ui-surface=pc] .logo{font-size:17px;letter-spacing:0;min-width:280px}
.ui-modern[data-ui-surface=pc] .logo small{font-size:9px;font-weight:650;letter-spacing:1.8px;color:#658076;opacity:1;margin-top:4px}
.ui-modern[data-ui-surface=pc] .logo .ic{width:38px;height:38px;border-radius:11px;border:1px solid #d9e4d5;background:#f3f7ec}
.ui-modern[data-ui-surface=pc] .top-sel{font-size:11px;color:var(--ui-muted);gap:7px}
.ui-modern[data-ui-surface=pc] .top-sel select{color:var(--ui-ink);background:#f3f7f4;border:1px solid var(--ui-line);border-radius:8px;padding:8px;font-size:12px}
.ui-modern[data-ui-surface=pc] .scope-chip{font-size:11px;background:#eef5ef;border-color:#d8e7dc;color:#3c6252}
.ui-modern[data-ui-surface=pc] .demo-tag{font-size:10px;background:var(--ui-deep);border:0;border-radius:6px;color:#eaf4e9}
.ui-modern[data-ui-surface=pc] .sidebar{width:212px;background:#123f38;border:0;padding:8px 10px 18px;color:#c0d6cb}
.ui-modern[data-ui-surface=pc] .menu-group{margin-top:14px}
.ui-modern[data-ui-surface=pc] .g-t{font-size:10px;letter-spacing:1px;color:#9fbdb0;padding:7px 12px 8px}
.ui-modern[data-ui-surface=pc] .mi{width:100%;padding:10px 12px;min-height:42px;margin:3px 0;border-radius:8px;color:#c8dbd0;font-size:12px;border:0;gap:10px}
.ui-modern[data-ui-surface=pc] .mi:hover{background:#ffffff0d;color:#fff}
.ui-modern[data-ui-surface=pc] .mi.active{background:#d9ead6;color:#123f38;border-left:0;box-shadow:none;font-weight:700}
.ui-modern[data-ui-surface=pc] .mi .ic{font-size:18px;width:22px;color:inherit;display:grid;place-items:center}
.ui-modern[data-ui-surface=pc] .mi .u-icon{width:19px;height:19px;margin:0}
.ui-modern[data-ui-surface=pc] .mi .st{background:#ffffff14!important;color:inherit;font-size:9px;border:1px solid #ffffff10}
.ui-modern[data-ui-surface=pc] .mi.active .st{background:#123f3812!important;border-color:#123f3812}
.ui-modern[data-ui-surface=pc] .main{padding:18px 22px 26px;background:var(--ui-ground)}
.ui-modern[data-ui-surface=pc] .page-head{margin-bottom:12px;display:flex;align-items:center;gap:12px;min-height:30px;flex-wrap:wrap}
.ui-modern[data-ui-surface=pc] .page-head h2{font-size:20px;letter-spacing:-.5px;font-weight:750}
.ui-modern[data-ui-surface=pc] .page-head .sub{font-size:11px;color:var(--ui-muted);line-height:1.6}
.ui-modern[data-ui-surface=pc] .card-h{padding:13px 15px;background:#fff;border-bottom:1px solid #e6eee7;font-size:13px;min-height:47px;flex-wrap:wrap;gap:6px}
.ui-modern[data-ui-surface=pc] .card-h .hint{font-size:10px;color:var(--ui-muted)}
.ui-modern[data-ui-surface=pc] .kpi-grid{gap:11px;margin-bottom:14px}
.ui-modern[data-ui-surface=pc] .kpi{position:relative;min-height:112px;padding:14px 15px 13px;border:1px solid var(--ui-line);border-radius:12px;background:#fff;box-shadow:var(--ui-shadow);overflow:hidden}
.ui-modern[data-ui-surface=pc] .kpi:hover{transform:none;border-color:#9bbdab;box-shadow:0 5px 18px #193d3118}
.ui-modern[data-ui-surface=pc] .kpi .kl{font-size:11px;padding-right:31px;color:var(--ui-muted)}
.ui-modern[data-ui-surface=pc] .kpi .kv{font-family:"Bahnschrift","DIN Alternate","Segoe UI",sans-serif;font-size:29px;letter-spacing:-1px;font-weight:650;margin:6px 0 5px;color:var(--ui-ink);line-height:1.1}
.ui-modern[data-ui-surface=pc] .kpi .kf{font-size:10px;color:var(--ui-muted);padding-right:26px;line-height:1.5}
.ui-modern[data-ui-surface=pc] .kpi.warn{background:#fff7ed;border-color:#efdab9}.ui-modern[data-ui-surface=pc] .kpi.warn .kv{color:#ae5734}.ui-modern[data-ui-surface=pc] .kpi.warn .u-kpi-icon{background:#f7e5d2;color:#a96129}
.ui-modern[data-ui-surface=pc] .grid-2{grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:14px}
.ui-modern[data-ui-surface=pc] .grid-2e{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.ui-modern[data-ui-surface=pc] #dmap{height:430px;background:#dce9db;border-radius:9px}
.ui-modern[data-ui-surface=pc] .page:has(#dmap) .u-module-banner{padding:12px 20px;min-height:108px}
.ui-modern[data-ui-surface=pc] .page:has(#dmap) .u-banner-art{width:170px;height:84px}
.ui-modern[data-ui-surface=pc] .page:has(#dmap) .u-banner-tags{display:none}
.ui-modern[data-ui-surface=pc] .page:has(#dmap) .card-h .hint{display:none}
.ui-modern[data-ui-surface=pc] .map-legend{font-size:10px;gap:10px;background:#f6f9f5;padding:8px 12px}
.ui-modern[data-ui-surface=pc] .node-switch{gap:4px}.ui-modern[data-ui-surface=pc] .node-switch button{min-height:29px;border-radius:6px;padding:4px 11px}
.ui-modern[data-ui-surface=pc] .node-switch button.active{background:var(--ui-deep);border-color:var(--ui-deep)}
.ui-modern[data-ui-surface=pc] .prog{flex:1;gap:10px}.ui-modern[data-ui-surface=pc] .prog .bar{height:7px;flex:1;width:auto;background:#e6eee7}.ui-modern[data-ui-surface=pc] .prog .bar i{background:#27836d;border-radius:4px}.ui-modern[data-ui-surface=pc] .prog b{width:34px;font-variant-numeric:tabular-nums}
.ui-modern[data-ui-surface=pc] .msg-item{padding:11px 14px;gap:10px;border-bottom:1px solid #edf2ed;align-items:flex-start}
.ui-modern[data-ui-surface=pc] .msg-item .mi-ic{width:33px;height:33px;border-radius:9px;background:#eef4ed!important;color:#58795f}
.ui-modern[data-ui-surface=pc] .msg-item .mt{font-size:12px;line-height:1.7}.ui-modern[data-ui-surface=pc] .msg-item .md{font-size:10px;line-height:1.7;color:var(--ui-muted)}
.ui-modern[data-ui-surface=pc] .filter-bar{background:#f8faf7;padding:11px 14px;gap:8px}.ui-modern[data-ui-surface=pc] .filter-bar input,.ui-modern[data-ui-surface=pc] .filter-bar select{min-height:34px;border-radius:7px;background:#fff}
.ui-modern[data-ui-surface=pc] .btn-q,.ui-modern[data-ui-surface=pc] .btn-r,.ui-modern[data-ui-surface=pc] .btn-new,.ui-modern[data-ui-surface=pc] .btn-red{min-height:33px;border-radius:7px;padding:6px 12px;white-space:nowrap}
.ui-modern[data-ui-surface=pc] table.dtable{font-size:12px}.ui-modern[data-ui-surface=pc] table.dtable th{background:#f2f6f1;font-size:11px;color:#486050;padding:10px 12px;border-bottom:1px solid #d9e5d9}.ui-modern[data-ui-surface=pc] table.dtable td{padding:12px;border-bottom:1px solid #eaf0e8;line-height:1.65}
.ui-modern[data-ui-surface=pc] table.dtable tr:hover td{background:#f4f9ef}.ui-modern[data-ui-surface=pc] table.dtable tr:nth-child(even) td{background-color:#fafcf9}
.ui-modern[data-ui-surface=pc] .link-a{color:#0b7466;text-decoration:none;font-weight:600}.ui-modern[data-ui-surface=pc] .link-a:hover{text-decoration:underline}
.ui-modern[data-ui-surface=pc] .sub-tabs{display:flex;gap:4px;padding:4px;background:#dfe9e0;border-radius:10px;width:fit-content;max-width:100%;margin-bottom:13px}
.ui-modern[data-ui-surface=pc] .sub-tabs button{border:0;min-height:34px;border-radius:7px;background:transparent;padding:7px 15px;font-size:12px;color:#4d685b}.ui-modern[data-ui-surface=pc] .sub-tabs button.active{background:#fff;color:#164f40;box-shadow:0 2px 5px #183b3214}
.ui-modern[data-ui-surface=pc] .page-note{font-size:10px;padding:9px 14px;line-height:1.8;background:#f6f9f4;color:#58715e;border-top-color:#e4ece2}
.ui-modern[data-ui-surface=pc] .drawer{width:510px;right:-540px;background:#fcfdf9}.ui-modern[data-ui-surface=pc] .drawer.show{right:0}.ui-modern[data-ui-surface=pc] .drawer .dh,.ui-modern[data-ui-surface=pc] .modal .mh{background:#f0f6ed;color:#214e3e;padding:18px 20px}
.ui-modern[data-ui-surface=pc] .modal{width:610px;border:1px solid #d5e4d5;border-radius:16px}.ui-modern[data-ui-surface=pc] .modal .mf{padding:14px 20px;background:#fafcf8}
.ui-modern[data-ui-surface=pc] .form-row{margin-bottom:14px;align-items:flex-start;line-height:2.5}.ui-modern[data-ui-surface=pc] .form-row input,.ui-modern[data-ui-surface=pc] .form-row select{min-height:38px;background:#fbfdf9;font-size:13px;min-width:0}
.ui-modern[data-ui-surface=pc] .g-bar{background:#2c8c6e;box-shadow:none}.ui-modern[data-ui-surface=pc] .g-now i{background:#ad5637}.ui-modern[data-ui-surface=pc] .g-now{border-color:#ad5637}
.ui-modern[data-ui-surface=pc] .toast{background:#123f38;border:1px solid #ffffff20;border-radius:10px;top:80px}
.ui-modern .u-data-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
.ui-modern .u-data-index button{border:1px solid var(--ui-line);border-radius:11px;background:#fff;display:flex;align-items:center;gap:10px;padding:11px 13px;color:var(--ui-ink);text-align:left}
.ui-modern .u-data-index button:hover{background:#f4f9ef;border-color:#aec8b5}.ui-modern .u-data-index .u-icon{width:34px;height:34px;background:#ecf4e9;border-radius:9px;padding:7px;color:#2d745a;margin:0}.ui-modern .u-data-index strong{display:block;font-size:12px}.ui-modern .u-data-index small{font-size:10px;color:var(--ui-muted);display:block;margin-top:3px}
/* Mobile application and desktop preview */
body.ui-modern[data-ui-surface=mobile]{background:#e4ede6;background-image:radial-gradient(ellipse at 15% 10%,#f6f8ed,transparent 55%);gap:34px;padding:18px;justify-content:center;min-height:100dvh}
.ui-modern[data-ui-surface=mobile] #phone{width:414px;max-width:414px;height:calc(100dvh - 36px);max-height:932px;min-height:0;border:5px solid #203c34;border-radius:32px;background:#edf3ed;box-shadow:0 24px 64px #244e3924,0 0 0 1px #ffffff}
.ui-modern[data-ui-surface=mobile] .hdr{padding:12px 16px;background:#fff;border-bottom:1px solid var(--ui-line)}
.ui-modern[data-ui-surface=mobile] .hdr .ttl{font-size:17px;letter-spacing:-.5px;color:var(--ui-deep)}
.ui-modern[data-ui-surface=mobile] .hdr .acct{font-size:10px;background:#eef4e7;color:#486438;border:1px solid #d4e1c5;border-radius:6px}
.ui-modern[data-ui-surface=mobile] .views{padding-bottom:calc(76px + env(safe-area-inset-bottom));background:#edf3ed}
.ui-modern[data-ui-surface=mobile] .hero{margin:12px 12px 0;border-radius:17px;min-height:164px;padding:19px 16px 16px;background:#124c40;color:#fff}
.ui-modern[data-ui-surface=mobile] .hero .hello{font-size:22px;font-weight:700;letter-spacing:-.5px;position:relative;z-index:1}
.ui-modern[data-ui-surface=mobile] .hero .hdate{font-size:11px;max-width:185px;line-height:1.8;color:#d9e8dc;position:relative;z-index:1}
.ui-modern[data-ui-surface=mobile] .hero .htag{font-size:10px;margin-top:12px;max-width:238px;padding:5px 8px;background:#ffffff12;color:#ebf3df;border:1px solid #ffffff20;border-radius:6px;position:relative;z-index:1}
.ui-modern[data-ui-surface=mobile] .hero .hero-art{width:205px;right:-35px;bottom:0;opacity:.9;z-index:0}.ui-modern[data-ui-surface=mobile] .hero .hero-art svg{display:none}.ui-modern[data-ui-surface=mobile] .hero .hero-art img{width:100%;height:142px;object-fit:cover;object-position:60% 50%;border-radius:70% 0 0 0}
.ui-modern[data-ui-surface=mobile] .hero .bell{top:13px;right:12px;width:34px;height:34px;border-radius:10px;z-index:2}
.ui-modern[data-ui-surface=mobile] .kpi-float{gap:6px;margin:10px 12px 0}.ui-modern[data-ui-surface=mobile] .kpi-float .kpi{padding:12px 3px;border-radius:11px;border:1px solid var(--ui-line);box-shadow:none;background:#fff;min-height:74px}.ui-modern[data-ui-surface=mobile] .kpi-float .kpi .v{font-size:22px;font-family:"Bahnschrift","Segoe UI",sans-serif;letter-spacing:-.7px;font-weight:650;color:#164c3f}.ui-modern[data-ui-surface=mobile] .kpi-float .kpi .l{font-size:10px;color:#5b6e5c;margin-top:4px}.ui-modern[data-ui-surface=mobile] .kpi-float .kpi.warn{background:#fff4e1;border-color:#f1dfba}.ui-modern[data-ui-surface=mobile] .kpi-float .kpi.warn .v{color:#9a5c25}
.ui-modern[data-ui-surface=mobile] .ai-banner{background:#e1ebd3;color:#214b32;box-shadow:none;border:1px solid #c8d9b9;border-radius:13px;padding:13px;margin:10px 12px 0}
.ui-modern[data-ui-surface=mobile] .ai-banner .ab-ic{background:#fff8;border:0;color:#32704b;border-radius:10px;width:42px;height:42px}.ui-modern[data-ui-surface=mobile] .ai-banner .ab-t{font-size:16px}.ui-modern[data-ui-surface=mobile] .ai-banner .ab-d{font-size:10px;line-height:1.7;opacity:1;color:#4c6847}.ui-modern[data-ui-surface=mobile] .ai-banner::after{display:none}
.ui-modern[data-ui-surface=mobile] .sec-h{font-size:13px;color:#254f3d;padding:0 14px;margin:15px 0 9px;line-height:1.7;font-weight:750}.ui-modern[data-ui-surface=mobile] .sec-h .u-icon{width:16px;height:16px;vertical-align:-3px}
.ui-modern[data-ui-surface=mobile] .biz-cards{gap:8px;padding:0 12px 2px}.ui-modern[data-ui-surface=mobile] .biz-card{min-height:102px;border-radius:13px;padding:13px 12px 11px;background:#fff;border:1px solid var(--ui-line);box-shadow:none;gap:9px}.ui-modern[data-ui-surface=mobile] .biz-card:hover{border-color:#94b9a3;background:#fafdF7}.ui-modern[data-ui-surface=mobile] .biz-card:active{transform:none;background:#e6f1e3}.ui-modern[data-ui-surface=mobile] .bc-top{gap:8px}.ui-modern[data-ui-surface=mobile] .bc-ic{width:34px;height:34px;border-radius:10px;background:#edf4e9!important;color:#357154;display:grid;place-items:center}.ui-modern[data-ui-surface=mobile] .bc-ic .u-icon{width:22px;height:22px;margin:0}.ui-modern[data-ui-surface=mobile] .bc-t{font-size:13px;font-weight:650;color:#224937}.ui-modern[data-ui-surface=mobile] .bc-d{font-size:10px;color:#58715d;line-height:1.65}.ui-modern[data-ui-surface=mobile] .bc-arrow{font-size:19px;color:#83a18e;right:9px;top:17px}.ui-modern[data-ui-surface=mobile] .bc-dot{background:#bf723c}
.ui-modern[data-ui-surface=mobile] .card{margin:10px 12px;border-radius:13px;box-shadow:none}.ui-modern[data-ui-surface=mobile] .card .card-t{font-size:14px;padding:13px 14px;border-bottom-color:#e5ede1}.ui-modern[data-ui-surface=mobile] .gi{min-height:53px}.ui-modern[data-ui-surface=mobile] .gi-ic{color:#357154;background:#edf4e9!important}.ui-modern[data-ui-surface=mobile] .gi-ic .u-icon{width:20px;height:20px;margin:0}
.ui-modern[data-ui-surface=mobile] .tabbar{height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;border-top:1px solid #d6e3d4;box-shadow:0 -4px 15px #24422d06;backdrop-filter:blur(12px)}
.ui-modern[data-ui-surface=mobile] .tabbar button{font-size:11px;color:#617365;min-height:58px;gap:4px}.ui-modern[data-ui-surface=mobile] .tabbar button.on{color:#0a7059}.ui-modern[data-ui-surface=mobile] .tabbar .ti{height:25px;display:grid;place-items:center}.ui-modern[data-ui-surface=mobile] .tabbar .ti .u-icon{width:23px;height:23px;margin:0}.ui-modern[data-ui-surface=mobile] .tabbar button.on .ti{background:#e0eedc;border-radius:9px;padding:2px 15px}.ui-modern[data-ui-surface=mobile] .dotn{background:#b26339}
.ui-modern[data-ui-surface=mobile] .obj{margin:12px;border-radius:13px;background:#134d40;padding:14px;color:#fff}.ui-modern[data-ui-surface=mobile] .obj .o1{font-size:15px;font-weight:700;gap:8px}.ui-modern[data-ui-surface=mobile] .obj .o2{gap:5px;flex-wrap:wrap;margin-top:9px;font-size:10px}.ui-modern[data-ui-surface=mobile] .obj .sw{min-height:28px;padding:4px 8px;border-radius:6px}
.ui-modern[data-ui-surface=mobile] .subt{margin:10px 12px 0;background:#e0eadb;border:0;border-radius:9px;padding:4px;gap:3px}.ui-modern[data-ui-surface=mobile] .subt button{min-height:40px;border:0;border-radius:7px;font-size:12px;color:#4d6852}.ui-modern[data-ui-surface=mobile] .subt button.on{background:#fff;color:#14583e;box-shadow:0 2px 5px #214b3212}.ui-modern[data-ui-surface=mobile] .subt .u-icon{width:16px;height:16px;margin:0}
.ui-modern[data-ui-surface=mobile] .scnbar{display:flex;gap:8px;padding:12px 12px 0}.ui-modern[data-ui-surface=mobile] .scnbar button{min-height:36px;background:#fff;border:1px solid #d5e2d0;border-radius:8px;padding:7px 11px;font-size:11px;color:#536e52}.ui-modern[data-ui-surface=mobile] .scnbar button.on{background:#deead2;color:#305b30;border-color:#a9c498}.ui-modern[data-ui-surface=mobile] .scnbar .u-icon{width:15px;height:15px}
.ui-modern[data-ui-surface=mobile] textarea{font-size:16px;line-height:1.8;min-height:120px;background:#f7faf4;border:1px solid #d8e4d0!important;border-radius:10px;padding:12px!important;color:#244733}.ui-modern[data-ui-surface=mobile] input,.ui-modern[data-ui-surface=mobile] select{font-size:16px;min-height:42px;min-width:0}
.ui-modern[data-ui-surface=mobile] .ai-io{padding:13px}.ui-modern[data-ui-surface=mobile] .ai-steps{gap:4px;padding:10px 10px 0}.ui-modern[data-ui-surface=mobile] .ai-steps .step{font-size:10px}.ui-modern[data-ui-surface=mobile] .chips{gap:6px;margin-top:10px;flex-wrap:wrap}.ui-modern[data-ui-surface=mobile] .chips button{font-size:11px;min-height:34px;padding:7px 10px;border-radius:7px;background:#eef4e8;border:1px solid #d3e0c9;color:#456840}.ui-modern[data-ui-surface=mobile] .btn{min-height:44px;border-radius:9px;font-size:14px;font-weight:650}.ui-modern[data-ui-surface=mobile] .btn-p,.ui-modern[data-ui-surface=mobile] .btn-g{background:#10795e;box-shadow:none;color:#fff}.ui-modern[data-ui-surface=mobile] .btn-o{border-color:#ccdcca;color:#416c4d;background:#f9fcf6}
.ui-modern[data-ui-surface=mobile] .note{font-size:11px;line-height:1.85;background:#e5eddd;border:1px solid #d1dfc5;border-radius:10px;color:#496345;margin:11px 12px;padding:10px 12px}.ui-modern[data-ui-surface=mobile] .li{padding:14px 13px;border-bottom-color:#e5eddf;min-height:65px}.ui-modern[data-ui-surface=mobile] .li-t{font-size:14px;line-height:1.65}.ui-modern[data-ui-surface=mobile] .li-d{font-size:11px;line-height:1.75;color:#5b715d}.ui-modern[data-ui-surface=mobile] .li-ic{border-radius:10px;width:36px;height:36px;background:#edf4e8!important;color:#3c7750;display:grid;place-items:center}.ui-modern[data-ui-surface=mobile] .li-ic .u-icon{margin:0}.ui-modern[data-ui-surface=mobile] .li:active{background:#e7f0df}
.ui-modern[data-ui-surface=mobile] .fs{background:#edf3ed}.ui-modern[data-ui-surface=mobile] .fs-h{min-height:56px;background:#fff;color:#194f3e;border-bottom:1px solid #d6e4cf;padding:10px 12px;font-size:14px;line-height:1.5}.ui-modern[data-ui-surface=mobile] .fs-h .back{background:#e9f2e3;color:#315f3c;border-radius:9px;min-width:38px;min-height:38px}.ui-modern[data-ui-surface=mobile] .fs-h>span{color:#526b53}.ui-modern[data-ui-surface=mobile] .fs-b{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.ui-modern[data-ui-surface=mobile] .fr{gap:8px;padding:8px 12px;align-items:center}.ui-modern[data-ui-surface=mobile] .fr .fl{font-size:12px;color:#4e6850;flex-shrink:0}.ui-modern[data-ui-surface=mobile] .fr input,.ui-modern[data-ui-surface=mobile] .fr select{padding:9px;border:1px solid #cfddc5;border-radius:8px;background:#fbfdf8}.ui-modern[data-ui-surface=mobile] .tl-card{margin:11px 12px;border-color:#d5e3cd;border-radius:12px;box-shadow:none;background:#fff}.ui-modern[data-ui-surface=mobile] .tl-fact{font-size:14px;line-height:1.8;color:#294b34}.ui-modern[data-ui-surface=mobile] .ff-row{font-size:12px;padding:9px 0;border-bottom-color:#edf2e8}.ui-modern[data-ui-surface=mobile] .ff-row .ff-v{font-weight:650}.ui-modern[data-ui-surface=mobile] .toast{background:#163f32;border-radius:9px;font-size:12px;line-height:1.7;max-width:90%;white-space:normal;box-shadow:0 5px 22px #24442c20}
.ui-modern[data-ui-surface=mobile] .side-dock{width:218px;padding:19px 16px;background:#f8fbf3;border:1px solid #cfdfc7;border-radius:18px;box-shadow:none;gap:12px}.ui-modern[data-ui-surface=mobile] .side-dock .sd-t{font-size:13px;color:#264e33;letter-spacing:.5px;text-align:left}.ui-modern[data-ui-surface=mobile] .side-dock .sd-tip{font-size:11px;color:#5b7157;text-align:left;line-height:1.9}.ui-modern[data-ui-surface=mobile] .roles{gap:8px}.ui-modern[data-ui-surface=mobile] .roles button{min-height:44px;padding:11px 10px;text-align:left;display:flex;align-items:center;gap:9px;font-size:12px;background:#fff;border:1px solid #dbe7d4;border-radius:9px;color:#486342}.ui-modern[data-ui-surface=mobile] .roles button.on{background:#174f3c;border-color:#174f3c;color:#fff;box-shadow:none}.ui-modern[data-ui-surface=mobile] .roles .u-icon{width:19px;height:19px;margin:0}
.ui-modern .u-preview-panel{display:block;width:240px;flex-shrink:0;color:#254f38;align-self:center}.ui-modern .u-preview-panel h1{font-size:34px;letter-spacing:-1.2px;line-height:1.45;font-weight:750;margin:13px 0}.ui-modern .u-preview-panel>p{font-size:12px;line-height:2;color:#587058}.ui-modern .u-preview-panel img{width:240px;height:145px;object-fit:cover;border-radius:16px;margin:20px 0 14px;border:1px solid #cbdcc1}.ui-modern .u-preview-steps{display:grid;gap:15px;margin-top:22px}.ui-modern .u-preview-steps>div{display:flex;gap:10px;align-items:flex-start}.ui-modern .u-preview-steps .u-icon{width:33px;height:33px;border:1px solid #c8dabd;border-radius:9px;padding:7px;background:#f6faef;color:#3e734a;margin:0}.ui-modern .u-preview-steps b{font-size:12px;display:block;margin:1px 0 4px}.ui-modern .u-preview-steps small{font-size:11px;color:#60745a;line-height:1.8}
.ui-modern .u-mobile-illustration{display:flex;align-items:center;gap:11px;padding:10px 13px;margin:12px 12px 0;background:#dfebd8;border:1px solid #cddfc3;border-radius:12px}.ui-modern .u-mobile-illustration img{width:82px;height:60px;object-fit:contain}.ui-modern .u-mobile-illustration b{font-size:14px;color:#2c5639;display:block;margin-bottom:4px}.ui-modern .u-mobile-illustration p{font-size:11px;color:#526e4d;line-height:1.75}
/* Sign-in */
body.ui-modern[data-ui-surface=login]{background:#edf3eb;overflow:auto;min-height:100dvh}
.ui-modern[data-ui-surface=login] .bg-blob,.ui-modern[data-ui-surface=login] .bg-blob2{display:none}
.ui-modern[data-ui-surface=login] .brand{top:30px;left:44px;gap:12px}.ui-modern[data-ui-surface=login] .brand .petal{width:48px;height:48px}.ui-modern[data-ui-surface=login] .brand .bt .zh{font-size:23px;letter-spacing:1px}.ui-modern[data-ui-surface=login] .brand .bt .en{font-size:9px;letter-spacing:3px;color:#68866b}
.ui-modern[data-ui-surface=login] .wrap{height:auto;min-height:100dvh;max-width:1440px;margin:auto;padding:114px 6% 76px;gap:7%;align-items:center}.ui-modern[data-ui-surface=login] .left{flex:1.25;display:block;min-width:0}.ui-modern[data-ui-surface=login] .left>.illo{display:none}.ui-modern[data-ui-surface=login] .right{flex:.9;justify-content:flex-end}.ui-modern[data-ui-surface=login] .card{width:410px;max-width:100%;padding:35px 34px 28px;border:1px solid #d5e3cf;border-radius:21px;box-shadow:0 20px 65px #173d3220,0 3px 10px #173d3208;background:#fff}.ui-modern[data-ui-surface=login] .card h1{font-size:25px;color:#173f30;letter-spacing:-.5px}.ui-modern[data-ui-surface=login] .card .sub{font-size:12px;color:#62785d;margin-bottom:24px}.ui-modern[data-ui-surface=login] .fld{height:52px;margin-top:16px;border-radius:10px;border-color:#d5e1d0;background:#fafcf7}.ui-modern[data-ui-surface=login] .fld input{font-size:15px;width:100%;min-width:0}.ui-modern[data-ui-surface=login] .btn-login{background:#0f6e56;border-radius:10px;height:49px;box-shadow:0 5px 15px #0f6e5626;font-size:15px}.ui-modern[data-ui-surface=login] .btn-login:hover{background:#0e5948}.ui-modern[data-ui-surface=login] .row-rem{font-size:12px;color:#5d725b}.ui-modern[data-ui-surface=login] .links{font-size:12px}.ui-modern[data-ui-surface=login] .copyright{bottom:20px;font-size:10px;color:#62755e;position:fixed}.ui-modern[data-ui-surface=login] .u-login-story .u-eyebrow{color:#5e785b;font-size:10px;letter-spacing:2px}.ui-modern[data-ui-surface=login] .u-login-story h2{font-size:43px;color:#133f32;line-height:1.4;letter-spacing:-1px;font-weight:750;margin:13px 0 12px}.ui-modern[data-ui-surface=login] .u-login-story>p{font-size:13px;color:#536f53;line-height:1.9;max-width:410px}.ui-modern[data-ui-surface=login] .u-login-field{width:100%;height:auto;max-height:285px;object-fit:cover;aspect-ratio:1.8;border-radius:22px;margin:23px 0 15px;border:1px solid #cfdec7}.ui-modern[data-ui-surface=login] .u-login-features{display:flex;gap:15px;flex-wrap:wrap}.ui-modern[data-ui-surface=login] .u-login-features span{display:flex;align-items:center;gap:6px;font-size:12px;color:#406647}.ui-modern[data-ui-surface=login] .u-login-features .u-icon{width:17px;height:17px;color:#43825b}.ui-modern[data-ui-surface=login] .u-login-note{font-size:11px;color:#6a7d63;margin-top:22px;padding-top:15px;border-top:1px solid #e1e9d9;line-height:1.9}
/* Map tools: retain map behavior and the large working canvas. */
.ui-modern[data-ui-surface=map] .topbar{height:58px;background:#133f35;color:#fff;border:0;padding:0 14px;gap:8px;box-shadow:0 2px 10px #183f3526}.ui-modern[data-ui-surface=map] .topbar .ttl{font-size:15px;font-weight:700}.ui-modern[data-ui-surface=map] .topbar select{background:#fff;border:0;padding:8px;border-radius:7px;color:#305447;font-size:12px;min-height:34px}.ui-modern[data-ui-surface=map] .topbar .back{background:#ffffff15;color:#fff;width:34px;height:34px;border-radius:8px}.ui-modern[data-ui-surface=map] .topbar .stat{color:#d1e2cf}.ui-modern[data-ui-surface=map] .tb{border-radius:7px;background:#ffffff16;color:#fff;min-height:34px;padding:7px 11px}.ui-modern[data-ui-surface=map] .tb.primary{background:#e4b951;color:#3a4222}.ui-modern[data-ui-surface=map] .tb.green,.ui-modern[data-ui-surface=map] .tb.on{background:#dceaca;color:#214d30}.ui-modern[data-ui-surface=map] .tree-dock{background:#f7faf3;width:235px;border-right:1px solid #d0dfc7}.ui-modern[data-ui-surface=map] .tree-dock .th{padding:14px;font-size:13px;color:#285638}.ui-modern[data-ui-surface=map] .treg{min-height:36px;color:#416849}.ui-modern[data-ui-surface=map] .tbase{min-height:33px}.ui-modern[data-ui-surface=map] .tbase.on{background:#dce9d3;color:#245736}.ui-modern[data-ui-surface=map] .tplot{padding-top:7px;padding-bottom:7px;color:#526c52}.ui-modern[data-ui-surface=map] .dock{background:#f9fcf5;border-left:1px solid #cfdec5}.ui-modern[data-ui-surface=map] .dock .dh{background:#e6efdd;color:#2b5836;padding:15px}.ui-modern[data-ui-surface=map] .sidecol button{width:48px;min-height:48px;border:1px solid #ccdcc3;border-radius:11px;background:#f9fcf1;color:#315d3c;font-size:10px;box-shadow:0 3px 10px #24422f16}.ui-modern[data-ui-surface=map] .sidecol button.on{background:#174c39;color:#fff}.ui-modern[data-ui-surface=map] .sidecol .u-icon{width:22px;height:22px;margin:0}.ui-modern[data-ui-surface=map] .hud{background:#174c39e8;border-color:#c4d9b329;color:#fff;border-radius:10px;font-size:12px}.ui-modern[data-ui-surface=map] .hint{background:#fffdf0;color:#5e603b;border:1px solid #e2dbb5}.ui-modern[data-ui-surface=map] .candbar,.ui-modern[data-ui-surface=map] .splitbar{border-radius:12px;border-color:#cdddbe;background:#fcfff5;box-shadow:0 4px 20px #274a3230}.ui-modern[data-ui-surface=map] .u-icon{width:17px;height:17px}
@media(min-width:1700px){.ui-modern[data-ui-surface=pc] .main{padding:22px 30px}.ui-modern[data-ui-surface=pc] #dmap{height:510px}.ui-modern[data-ui-surface=pc] .u-module-banner{min-height:135px}.ui-modern[data-ui-surface=pc] .kpi{min-height:125px}}
@media(max-width:1200px){.ui-modern[data-ui-surface=pc] .topbar-inner{gap:12px;padding:0 15px}.ui-modern[data-ui-surface=pc] .logo{min-width:220px;font-size:15px}.ui-modern[data-ui-surface=pc] .scope-chip{display:none}.ui-modern[data-ui-surface=pc] .sidebar{width:185px}.ui-modern[data-ui-surface=pc] .main{padding:15px}.ui-modern[data-ui-surface=pc] .grid-2{grid-template-columns:minmax(0,1.4fr) minmax(265px,1fr)}.ui-modern[data-ui-surface=pc] .kpi .kv{font-size:26px}.ui-modern[data-ui-surface=pc] .kpi .kf{font-size:10px;padding-right:0}.ui-modern[data-ui-surface=pc] .u-mini-bars{display:none}.ui-modern[data-ui-surface=pc] .u-banner-art{width:150px}.ui-modern .u-preview-panel{width:180px}.ui-modern .u-preview-panel img{width:180px}.ui-modern .u-preview-panel h1{font-size:28px}.ui-modern[data-ui-surface=mobile] .side-dock{width:180px}}
@media(max-width:1000px){.ui-modern[data-ui-surface=pc] .top-right{display:none}.ui-modern[data-ui-surface=pc] .topbar-inner{gap:10px}.ui-modern[data-ui-surface=pc] .top-sel{flex-direction:column;gap:2px;align-items:flex-start;font-size:9px}.ui-modern[data-ui-surface=pc] .top-sel select{font-size:11px;padding:5px}.ui-modern[data-ui-surface=pc] .grid-2,.ui-modern[data-ui-surface=pc] .grid-2e{grid-template-columns:minmax(0,1fr)}.ui-modern[data-ui-surface=pc] .kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ui-modern .u-banner-art{width:120px}.ui-modern .u-banner-copy h3{font-size:20px}.ui-modern .u-data-index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.ui-modern .u-preview-panel{display:none}body.ui-modern[data-ui-surface=mobile]{gap:8px;padding:10px;flex-direction:column;min-height:100dvh;justify-content:flex-start}.ui-modern[data-ui-surface=mobile] #phone{height:calc(100dvh - 105px);min-height:0;max-height:none;width:414px;max-width:100%;order:1}.ui-modern[data-ui-surface=mobile] .side-dock{width:414px;max-width:100%;order:0;padding:7px 8px;border-radius:11px;display:block}.ui-modern[data-ui-surface=mobile] .side-dock .sd-t{display:none}.ui-modern[data-ui-surface=mobile] .side-dock .sd-tip{display:none}.ui-modern[data-ui-surface=mobile] .roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.ui-modern[data-ui-surface=mobile] .roles button{min-height:48px;font-size:10px;line-height:1.5;padding:5px;display:flex;flex-direction:column;text-align:center;gap:3px}.ui-modern[data-ui-surface=mobile] .roles .u-icon{width:16px;height:16px}.ui-modern[data-ui-surface=map] .tree-dock{width:170px}.ui-modern[data-ui-surface=map] .topbar{height:auto;min-height:50px;flex-wrap:wrap;padding:7px;gap:5px}.ui-modern[data-ui-surface=map] .topbar select{max-width:115px;font-size:11px}.ui-modern[data-ui-surface=map] .topbar .ttl{font-size:12px}.ui-modern[data-ui-surface=map] .tb{font-size:11px;padding:5px 8px}.ui-modern[data-ui-surface=map] .stat{font-size:10px}.ui-modern[data-ui-surface=map] .hud{font-size:10px;gap:5px;padding:6px 9px}.ui-modern[data-ui-surface=login] .wrap{padding:115px 5% 70px;gap:5%}.ui-modern[data-ui-surface=login] .u-login-story h2{font-size:31px}.ui-modern[data-ui-surface=login] .card{padding:28px 25px}.ui-modern[data-ui-surface=login] .u-login-features{gap:10px}.ui-modern[data-ui-surface=login] .u-login-features span{font-size:10px}}
@media(max-width:600px){.ui-modern[data-ui-surface=pc] .sidebar{width:60px;padding:6px}.ui-modern[data-ui-surface=pc] .g-t{font-size:0;height:8px;padding:0}.ui-modern[data-ui-surface=pc] .mi{font-size:0!important;gap:0;padding:10px!important;justify-content:center}.ui-modern[data-ui-surface=pc] .mi .st{display:none}.ui-modern[data-ui-surface=pc] .mi .ic{width:25px}.ui-modern[data-ui-surface=pc] .logo{min-width:0;font-size:13px}.ui-modern[data-ui-surface=pc] .logo small{font-size:7px}.ui-modern[data-ui-surface=pc] .logo .ic{width:30px;height:30px}.ui-modern[data-ui-surface=pc] .topbar-inner{padding:0 9px;gap:7px;flex-wrap:wrap;height:auto;min-height:66px}.ui-modern[data-ui-surface=pc] .top-sel{display:none}.ui-modern[data-ui-surface=pc] .top-sel:last-of-type{display:flex}.ui-modern[data-ui-surface=pc] .main{padding:10px}.ui-modern[data-ui-surface=pc] .page-head .sub{display:none}.ui-modern[data-ui-surface=pc] .page-head h2{font-size:18px}.ui-modern .u-module-banner{padding:13px;min-height:106px;margin-bottom:10px;gap:0}.ui-modern .u-banner-copy h3{font-size:18px}.ui-modern .u-banner-copy p{font-size:11px}.ui-modern .u-banner-art{display:none}.ui-modern .u-banner-tags{gap:4px}.ui-modern .u-banner-tags span{font-size:9px;padding:3px 5px}.ui-modern[data-ui-surface=pc] .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}.ui-modern[data-ui-surface=pc] .kpi{padding:11px;min-height:100px}.ui-modern[data-ui-surface=pc] .u-kpi-icon{display:none}.ui-modern[data-ui-surface=pc] .kpi .kl{padding-right:0;font-size:10px}.ui-modern[data-ui-surface=pc] .kpi .kv{font-size:23px}.ui-modern[data-ui-surface=pc] .card-h{padding:10px;font-size:12px;align-items:flex-start}.ui-modern[data-ui-surface=pc] .card-h .hint{display:none}.ui-modern[data-ui-surface=pc] .sub-tabs{width:100%}.ui-modern[data-ui-surface=pc] .sub-tabs button{padding:6px 9px;font-size:11px}.ui-modern[data-ui-surface=pc] .filter-bar{padding:9px;gap:6px}.ui-modern .u-data-index{grid-template-columns:minmax(0,1fr)}body.ui-modern[data-ui-surface=mobile]{padding:0;gap:0;overflow:hidden}.ui-modern[data-ui-surface=mobile] #phone{height:calc(100dvh - 64px);width:100%;max-width:none;border:0;border-radius:0}.ui-modern[data-ui-surface=mobile] .side-dock{height:64px;width:100%;max-width:none;border:0;border-radius:0;padding:5px 7px;background:#edf3e8}.ui-modern[data-ui-surface=mobile] .roles button{min-height:52px}.ui-modern[data-ui-surface=mobile] .hero .hello{font-size:20px}.ui-modern[data-ui-surface=mobile] .hero .htag{font-size:9px;max-width:225px}.ui-modern[data-ui-surface=login] .brand{left:24px;top:24px}.ui-modern[data-ui-surface=login] .wrap{display:flex;flex-direction:column;min-height:100dvh;padding:109px 22px 60px;gap:23px;justify-content:center}.ui-modern[data-ui-surface=login] .left{flex:0;width:100%}.ui-modern[data-ui-surface=login] .right{flex:0;width:100%;justify-content:center}.ui-modern[data-ui-surface=login] .u-login-story h2{font-size:27px;margin:7px 0}.ui-modern[data-ui-surface=login] .u-login-story h2 br{display:none}.ui-modern[data-ui-surface=login] .u-login-story>p{font-size:11px}.ui-modern[data-ui-surface=login] .u-login-field{height:125px;width:100%;margin:14px 0 10px;object-position:center 58%;border-radius:13px}.ui-modern[data-ui-surface=login] .u-login-features{gap:14px}.ui-modern[data-ui-surface=login] .card{width:100%;padding:24px;border-radius:16px}.ui-modern[data-ui-surface=login] .card .sub{margin:6px 0 18px}.ui-modern[data-ui-surface=login] .copyright{position:static;margin:0 15px 15px;text-align:center;line-height:1.8;font-size:9px}.ui-modern[data-ui-surface=map] .tree-dock{width:140px}.ui-modern[data-ui-surface=map] .topbar .stat{display:none}}
@media(prefers-reduced-motion:reduce){.ui-modern *,.ui-modern *::before,.ui-modern *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}