:root{font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;color:#18242d;background:#f3f5f6;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0}*{box-sizing:border-box;letter-spacing:0}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:#f3f5f6}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.login-page{display:grid;grid-template-columns:minmax(520px,1.35fr) minmax(420px,.65fr);min-height:100vh;background:#fff}.login-visual{position:relative;display:flex;min-height:100vh;padding:42px 54px;overflow:hidden;color:#fff;background-color:#132029;background-image:url(/industrial-bg.webp);background-position:center;background-size:cover}.login-visual:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:#09181f94}.login-visual>*{z-index:1}.login-brand{position:absolute;top:38px;left:48px;width:176px;height:auto;filter:brightness(0) invert(1)}.login-visual-copy{align-self:flex-end;max-width:680px;margin-bottom:76px}.login-visual-copy span,.eyebrow,.section-heading>div>span,.page-heading>span,.plan-name-block>span{color:#398776;font-size:11px;font-weight:700;text-transform:uppercase}.login-visual-copy span{color:#aee0d4}.login-visual-copy h1{margin:12px 0 16px;font-size:46px;line-height:1.15}.login-visual-copy p{margin:0;color:#ffffffd1;font-size:17px;line-height:1.8}.login-domain{position:absolute;right:42px;bottom:34px;color:#ffffffa8;font-size:13px}.login-panel{display:grid;place-items:center;min-height:100vh;padding:48px}.login-form{width:min(100%,390px)}.login-mobile-brand{display:none}.login-heading{margin-bottom:34px}.login-heading span{color:#63717a;font-size:13px}.login-heading h2{margin:7px 0 0;font-size:30px;line-height:1.25}.field-label{display:block;margin-bottom:20px}.field-label>span{display:block;margin-bottom:8px;color:#4c5c66;font-size:13px;font-weight:600}.input-shell{display:flex;align-items:center;min-height:48px;padding:0 14px;border:1px solid #d9e0e3;border-radius:6px;color:#73818a;background:#fff}.input-shell:focus-within{border-color:#25806b;box-shadow:0 0 0 3px #25806b1c}.input-shell input{flex:1;min-width:0;padding:0 11px;border:0;outline:0;color:#17242c;background:transparent}.icon-button,.icon-command{display:inline-grid;width:38px;height:38px;padding:0;place-items:center;border:0;border-radius:6px;color:#53636d;background:transparent}.icon-button:hover,.icon-command:hover{color:#196f5c;background:#eef5f2}.remember-row{display:flex;align-items:center;gap:8px;margin:-4px 0 24px;color:#65747d;font-size:13px}.remember-row input{width:16px;height:16px;accent-color:#1b7f68}.login-error{display:flex;align-items:center;gap:8px;margin:-8px 0 18px;padding:10px 12px;border:1px solid #f1c7c4;border-radius:6px;color:#9b2c2c;background:#fff6f5;font-size:13px}.primary-command,.secondary-command,.text-command{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 15px;border-radius:6px;font-weight:600}.primary-command{border:1px solid #176d59;color:#fff;background:#176d59}.primary-command:hover{border-color:#115945;background:#115945}.secondary-command{border:1px solid #ccd6da;color:#34454f;background:#fff}.secondary-command:hover{border-color:#75a798;color:#176d59;background:#f7fbf9}.text-command{min-height:32px;padding:0;border:0;color:#176d59;background:transparent;font-size:13px}.login-submit{width:100%;min-height:48px}.portal-shell{display:grid;grid-template-columns:238px minmax(0,1fr);width:100%;height:100vh;overflow:hidden}.sidebar{display:flex;flex-direction:column;min-width:0;color:#dce6e7;background:#132029}.sidebar-brand{display:flex;align-items:center;gap:11px;height:72px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand img{width:108px;height:auto;filter:brightness(0) invert(1)}.sidebar-brand span{padding-left:11px;border-left:1px solid rgba(255,255,255,.2);color:#b8c7ca;font-size:12px;white-space:nowrap}.side-nav{display:flex;flex:1;flex-direction:column;gap:5px;padding:20px 12px}.nav-item{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 13px;border:0;border-radius:6px;color:#aebdc1;background:transparent;text-align:left}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:#1c6e5c}.nav-item span:nth-child(2){flex:1}.nav-badge{display:grid;min-width:21px;height:21px;padding:0 6px;place-items:center;border-radius:10px;color:#fff;background:#d97706;font-size:11px}.sidebar-account{display:flex;align-items:center;gap:10px;padding:16px 18px;border-top:1px solid rgba(255,255,255,.08)}.account-avatar{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;background:#b85d32;font-weight:700}.sidebar-account strong,.sidebar-account span{display:block}.sidebar-account strong{max-width:140px;overflow:hidden;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.sidebar-account span{margin-top:3px;color:#8fa1a6;font-size:11px}.portal-main{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;background:#f3f5f6}.topbar{display:flex;align-items:center;min-height:72px;padding:0 24px;border-bottom:1px solid #dde3e5;background:#fff}.mobile-brand{display:none}.page-heading{min-width:0}.page-heading h1{margin:3px 0 0;color:#1b2931;font-size:20px;line-height:1.2}.topbar-actions{display:flex;gap:5px;margin-left:auto}.content-scroll{flex:1;min-height:0;overflow:auto;padding:20px 24px 36px}.view-stack{display:flex;width:min(100%,1480px);margin:0 auto;flex-direction:column;gap:16px}.opening-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);align-items:center;gap:30px;min-height:126px;padding:22px 26px;border:1px solid #dce4e2;border-left:4px solid #1d8069;border-radius:6px;background:#fff}.opening-band h2,.view-header h2,.section-heading h2{margin:4px 0 0;color:#1c2a32;font-size:18px;line-height:1.35}.opening-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:13px;color:#66767f;font-size:13px}.opening-meta span,.task-card-meta span{display:inline-flex;align-items:center;gap:6px}.progress-block>div:first-child{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px;color:#64747c;font-size:12px}.progress-block strong{color:#176d59;font-size:24px}.progress-track{height:8px;overflow:hidden;border-radius:4px;background:#e5ece9}.progress-track span{display:block;height:100%;border-radius:4px;background:#2e8b73}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{min-height:104px;padding:16px 18px;border:1px solid #dfe5e7;border-top:3px solid #2d7d6b;border-radius:6px;background:#fff;text-align:left}.metric-card:hover{border-color:#9ebdb5;background:#fbfdfc}.metric-card>span{color:#65757e;font-size:13px}.metric-card strong{display:block;margin-top:8px;color:#1b2931;font-size:28px;line-height:1}.metric-card small{margin-left:4px;color:#7b8990;font-size:12px;font-weight:500}.metric-card.tone-2{border-top-color:#d97706}.metric-card.tone-3{border-top-color:#3d72ad}.metric-card.tone-4{border-top-color:#b34d46}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.7fr);gap:16px}.section-panel{border:1px solid #dfe5e7;border-radius:6px;background:#fff}.task-panel,.partner-panel,.activity-panel,.rights-panel{padding:19px 20px}.section-heading,.view-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.section-heading>svg{color:#2e806d}.task-list{margin-top:15px}.task-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;border-top:1px solid #edf0f1}.task-marker{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;color:#65747c;background:#eef1f2}.task-marker.success{color:#176d59;background:#e5f3ee}.task-marker.info{color:#346d9e;background:#e7eff7}.task-marker.warning{color:#a75d09;background:#fff0d9}.task-marker.danger{color:#a7423d;background:#fbe9e7}.task-copy{min-width:0}.task-copy strong,.task-copy span{display:block}.task-copy strong{overflow:hidden;color:#24343c;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.task-copy span{margin-top:4px;color:#7a878e;font-size:11px}.status-chip{display:inline-flex;min-height:24px;align-items:center;justify-content:center;padding:0 9px;border-radius:4px;color:#65747c;background:#edf1f2;font-size:11px;white-space:nowrap}.status-chip.success{color:#14634f;background:#e2f2ec}.status-chip.info{color:#2d6597;background:#e5eef7}.status-chip.warning{color:#9a5609;background:#fff0d8}.status-chip.danger{color:#9b3d38;background:#fbe7e5}.status-chip.neutral{color:#65747c;background:#edf1f2}.detail-list{margin:16px 0 18px}.detail-list>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid #edf0f1;font-size:12px}.detail-list dt{color:#77858c}.detail-list dd{margin:0;color:#263740;font-weight:600;text-align:right}.full-command{width:100%}.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin-top:15px}.activity-grid article{display:flex;align-items:center;gap:10px;min-height:42px}.activity-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#2d806c}.activity-grid strong,.activity-grid div span{display:block}.activity-grid strong{color:#30414a;font-size:12px}.activity-grid div span{margin-top:3px;color:#849097;font-size:11px}.view-header{min-height:50px}.filter-group{display:flex;gap:8px}.filter-group select{min-width:132px;height:38px;padding:0 32px 0 11px;border:1px solid #d4dcdf;border-radius:6px;color:#3c4d56;background:#fff}.task-board,.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.task-card,.store-card{display:flex;min-width:0;min-height:260px;padding:18px;flex-direction:column;border:1px solid #dfe5e7;border-radius:6px;background:#fff}.task-card-head,.store-card-head{display:flex;align-items:center;justify-content:space-between}.category-icon,.store-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:6px;color:#2c6b9e;background:#e8f0f7}.category-icon.green,.store-icon{color:#176d59;background:#e5f2ed}.category-icon.orange{color:#a85c0d;background:#fff0dc}.category-icon.teal{color:#26756c;background:#e4f2f0}.category-icon.gray{color:#65747c;background:#edf1f2}.task-card-copy{flex:1;margin-top:18px}.task-card-copy>span{color:#748188;font-size:11px}.task-card-copy h3,.store-card h3{margin:6px 0 0;color:#20313a;font-size:16px;line-height:1.45}.task-card-copy p{display:-webkit-box;margin:10px 0 0;overflow:hidden;color:#6a7880;font-size:12px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}.task-card-meta{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #edf0f1;color:#748188;font-size:11px}.task-card-meta .urgent{color:#b84c42;font-weight:700}.task-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.store-card{min-height:300px}.store-code{margin-top:6px;color:#78858c;font-size:11px}.store-details{display:flex;margin:20px 0 0;flex-direction:column;gap:12px}.store-details>div{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;color:#5f6f77;font-size:12px;line-height:1.55}.store-details dt{color:#879399}.store-details dd{margin:0;overflow-wrap:anywhere}.count-label{color:#6d7b82;font-size:12px}.device-table{overflow-x:auto}.table-row{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(170px,1fr) 110px 100px 100px 90px;align-items:center;min-width:930px;min-height:64px;padding:0 18px;border-top:1px solid #edf0f1;color:#4e5f68;font-size:12px}.table-head{min-height:46px;border-top:0;color:#68767d;background:#f7f9f9;font-weight:700}.device-name-cell{display:flex;align-items:center;gap:10px;min-width:0}.device-name-cell>svg{flex:0 0 auto;color:#287866}.device-name-cell strong,.device-name-cell span{display:block}.device-name-cell strong{color:#263740}.device-name-cell span{margin-top:3px;color:#839097;font:11px Consolas,monospace}.inline-status{display:inline-flex;align-items:center;gap:7px}.inline-status i{width:8px;height:8px;border-radius:50%}.inline-status i.online{background:#2c8b6f}.inline-status i.offline{background:#aab3b7}.plan-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:16px}.plan-primary{grid-row:span 2;border:1px solid #d9e3df;border-top:4px solid #1d8069;border-radius:6px;background:#fff}.plan-name-block{padding:28px 28px 22px;border-bottom:1px solid #e6ebec}.plan-name-block h2{margin:7px 0;font-size:28px}.plan-name-block p{margin:0;color:#69777e;font-size:13px}.plan-number-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 28px 28px}.plan-number-grid>div{padding:18px 0;border-bottom:1px solid #edf0f1}.plan-number-grid>div:nth-child(odd){padding-right:18px;border-right:1px solid #edf0f1}.plan-number-grid>div:nth-child(2n){padding-left:18px}.plan-number-grid span,.plan-number-grid strong{display:block}.plan-number-grid span{color:#75838a;font-size:11px}.plan-number-grid strong{margin-top:6px;color:#21323b;font-size:17px}.right-list{display:flex;margin:16px 0 0;padding:0;flex-direction:column;gap:10px;list-style:none}.right-list li{display:flex;align-items:flex-start;gap:8px;color:#53636c;font-size:12px;line-height:1.55}.right-list svg{flex:0 0 auto;margin-top:1px;color:#25806b}.empty-inline,.empty-panel{display:grid;place-items:center;color:#89959b;font-size:12px}.empty-inline{min-height:70px}.empty-panel{min-height:180px;border:1px dashed #cfd8db;border-radius:6px;background:#fafbfb}.state-page{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:#617079;background:#f3f5f6}.error-state{color:#8f3f3a}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;padding:20px;place-items:center;background:#0d191f85}.modal-panel{width:min(100%,520px);padding:22px;border-radius:7px;background:#fff;box-shadow:0 24px 70px #0814193d}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.modal-heading span{color:#68777f;font-size:11px}.modal-heading h2{margin:5px 0 0;font-size:18px}.field-label textarea{width:100%;resize:vertical;padding:12px;border:1px solid #d4dcdf;border-radius:6px;outline:0;color:#23343d}.field-label textarea:focus{border-color:#25806b;box-shadow:0 0 0 3px #25806b1c}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.toast-message{position:fixed;z-index:80;right:24px;bottom:24px;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid #b8d8cd;border-radius:6px;color:#165f4e;background:#f1faf6;box-shadow:0 12px 36px #12362c29;font-size:13px}.mobile-nav{display:none}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1120px){.task-board,.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.partner-panel{order:-1}}@media(max-width:820px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh;padding:30px 22px}.login-mobile-brand{display:flex;align-items:center;gap:12px;margin-bottom:42px}.login-mobile-brand img{width:132px}.login-mobile-brand span{padding-left:12px;border-left:1px solid #d6dee1;color:#52626c;font-size:12px}.portal-shell{display:block;height:100dvh}.sidebar{display:none}.topbar{min-height:64px;padding:0 14px}.mobile-brand{display:flex;align-items:center;gap:9px}.mobile-brand img{width:94px}.mobile-brand span{padding-left:9px;border-left:1px solid #d6dee1;color:#57676f;font-size:11px}.page-heading{display:none}.content-scroll{padding:13px 13px 86px}.opening-band{grid-template-columns:1fr;gap:20px;padding:19px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:92px}.activity-grid,.task-board,.store-grid{grid-template-columns:1fr}.task-card,.store-card{min-height:0}.plan-layout{grid-template-columns:1fr}.plan-primary{grid-row:auto}.mobile-nav{position:fixed;z-index:25;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:66px;border-top:1px solid #d7dfe1;background:#fff;box-shadow:0 -8px 24px #1320290f}.mobile-nav button{display:flex;min-width:0;align-items:center;justify-content:center;gap:3px;padding:7px 2px 6px;flex-direction:column;border:0;color:#718087;background:transparent;font-size:10px}.mobile-nav button.active{color:#176d59;font-weight:700}.toast-message{right:13px;bottom:78px;left:13px;justify-content:center}}@media(max-width:540px){.opening-band h2{font-size:16px}.opening-meta{flex-direction:column;gap:8px}.metric-card{padding:14px}.metric-card strong{font-size:24px}.view-header{align-items:flex-start;flex-direction:column}.filter-group{width:100%}.filter-group select{min-width:0;flex:1}.plan-number-grid{padding:10px 18px 20px}.plan-name-block{padding:22px 18px}.plan-name-block h2{font-size:23px}.plan-number-grid>div:nth-child(odd){padding-right:10px}.plan-number-grid>div:nth-child(2n){padding-left:10px}}