:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg2:#f1f5f9;--bg:#eef3f8;--ink:#172033;--muted:#5a6778;--border:#c8d3e0;--accent:#0d9488;--text:#172033;--text-secondary:#5a6778;--text-muted:#8898aa;--card:#fff;--card-bg:#fff;--surface:#fff;--surface-muted:#f1f5f9;--brand:#667eea;background:#eef3f8;font-family:Microsoft YaHei,PingFang SC,Inter,system-ui,sans-serif}.material-search-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.material-search-bar input{color:#31546b;background:#f8fbff;border:1px solid #dbeaf1;border-radius:10px;flex:1;min-width:180px;padding:8px 14px;font-size:13px}.material-search-bar select{color:#31546b;background:#f8fbff;border:1px solid #dbeaf1;border-radius:10px;padding:8px 12px;font-size:13px}.material-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.material-card{cursor:pointer;background:#fff;border:1px solid #e4edf6;border-radius:16px;flex-direction:column;gap:8px;padding:16px;transition:box-shadow .2s,border-color .2s;display:flex}.material-card:hover{border-color:#25c2a073;box-shadow:0 8px 20px #25c2a01a}.material-card-image{color:#8898aa;background:linear-gradient(135deg,#e3f8f3,#d0e8f7);border-radius:10px;justify-content:center;align-items:center;height:120px;font-size:12px;display:flex}.material-card h4{color:#0f172a;font-size:14px}.material-card .material-category-tag{color:#1a6b52;background:#e3f8f3;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.material-card .material-features-preview{color:#5a6778;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.material-card .material-meta{color:#8898aa;justify-content:space-between;margin-top:auto;font-size:11px;display:flex}.material-detail-images{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:12px 0;display:grid}.material-detail-images .material-img-placeholder{color:#8898aa;background:linear-gradient(135deg,#e3f8f3,#d0e8f7);border-radius:10px;justify-content:center;align-items:center;height:100px;font-size:11px;display:flex}.material-detail-section{margin-top:12px}.material-detail-section strong{color:#17415c;font-size:13px}.material-detail-section p,.material-detail-section ul{color:#31546b;margin-top:4px;font-size:13px}.material-detail-section ul{padding-left:18px;list-style:outside}.material-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.material-form-grid label{color:#31546b;flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.material-form-grid label.wide{grid-column:1/-1}.material-form-grid input,.material-form-grid select,.material-form-grid textarea{color:#31546b;background:#f8fbff;border:1px solid #dbeaf1;border-radius:10px;padding:8px 12px;font-size:13px}.material-form-grid textarea{resize:vertical;min-height:60px}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#25c2a029,#0000 32%),radial-gradient(circle at 80% 0,#2f6fed2e,#0000 34%),#eef3f8;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-page{background:radial-gradient(circle at 78% 22%,#25c2a047,#0000 28%),radial-gradient(circle at 18% 84%,#2f6fed47,#0000 32%),linear-gradient(135deg,#08182bfa,#0b3948f5),repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 78px);grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:48px;max-width:none;min-height:100vh;margin:0;padding:0 6vw;display:grid;overflow:hidden}.login-copy{color:#fff;min-height:100vh;box-shadow:none;background:0 0;border:0;border-radius:0;align-content:center;padding:72px 0;display:grid;position:relative;overflow:hidden}.login-copy:after{content:"";opacity:.9;background:linear-gradient(90deg,#0000 49%,#ffffff14 50%,#0000 51%),linear-gradient(#0000 49%,#ffffff14 50%,#0000 51%);border:1px solid #ffffff21;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-120px;right:-120px}.login-brand-row{z-index:1;align-items:center;gap:36px;display:flex;position:relative}.login-logo{color:#fff;background:linear-gradient(135deg,#fff3,#0000 42%),linear-gradient(135deg,#16b89d 0%,#1f6eea 58%,#0f2845 100%);border-radius:42px;grid-template-columns:1fr 1fr;place-items:center;gap:1px;width:138px;height:138px;font-size:45px;font-weight:900;display:grid;position:relative;box-shadow:0 16px 34px #25c2a047,inset 0 0 0 1px #ffffff47}.login-logo:after{content:"";background:#b8fff0;border-radius:999px;width:39px;height:7px;position:absolute;bottom:21px;right:24px}.login-logo span{z-index:1;letter-spacing:-.12em;line-height:1;position:relative}.login-logo span:first-child{transform:translate(3px)}.login-logo span:last-child{transform:translate(-3px)}.login-brand-row strong{font-size:51px;line-height:1.18;display:block}.login-brand-row span{color:#ffffff94;letter-spacing:.08em;margin-top:15px;font-size:26px;display:block}.login-headline{z-index:1;max-width:680px;margin:80px 0 0;position:relative}.system-tag,.eyebrow{color:#25c2a0;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.system-tag{font-size:36px}.login-copy h1{letter-spacing:-.04em;max-width:680px;margin:18px 0;font-size:clamp(38px,5vw,64px);line-height:1.08}.login-copy p{color:#ffffffc7;max-width:680px;margin:0;font-size:18px;line-height:1.8}.login-data-wall{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid;position:relative}.login-kpi{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:22px;min-height:128px;padding:18px}.login-kpi span{color:#ffffff9e;font-size:13px;font-weight:800;display:block}.login-kpi strong{margin-top:14px;font-size:28px;display:block}.login-kpi em{color:#0d1f36;background:#b8fff0;border-radius:999px;margin-top:12px;padding:5px 9px;font-size:12px;font-style:normal;font-weight:900;display:inline-flex}.login-kpi.gold em{background:#ffe3a3}.login-kpi.blue em{background:#c8dcff}.login-flow{z-index:1;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid;position:relative}.login-flow span{color:#ffffffd6;text-align:center;background:#25c2a01f;border:1px solid #25c2a047;border-radius:14px;min-height:46px;padding:13px 10px;font-size:13px;font-weight:900}.value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:720px;display:grid}.value-grid span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:18px;padding:18px 20px}.login-card,.panel,.metric-card,.module-card,.engine-card,.hero-panel,.module-hero{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #d2deebe6;box-shadow:0 18px 48px #142b4814}.login-card{border-radius:28px;padding:34px}.login-card.redesigned{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #ffffff3d;border-radius:30px;align-content:center;align-self:center;margin:0;padding:42px;display:grid;box-shadow:0 30px 80px #03132142}.login-card h2{color:#101827;margin:6px 0 8px;font-size:30px}.login-card-title{margin-bottom:26px}.login-card-title span{color:#178f78;letter-spacing:.16em;font-size:12px;font-weight:900}.login-card-title p{color:#778397;margin:0;line-height:1.7}.login-help{color:#778397;margin:18px 0 0;font-size:13px;line-height:1.7}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.5}.login-mode-selector{gap:8px;margin-bottom:18px;display:grid}.login-mode-label{color:#5a6778;font-size:14px;font-weight:700}.login-mode-toggle{background:#f1f5f9;border-radius:14px;gap:8px;padding:4px;display:flex}.login-mode-btn{color:#5a6778;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.login-mode-btn.active{color:#0d9488;background:#fff;box-shadow:0 1px 3px #00000014}.login-mode-icon{font-size:18px;line-height:1}.module-overview-stats{flex-direction:column;gap:12px;display:flex}.module-overview-summary{color:#5a6778;margin:0;font-size:13px;line-height:1.6}.module-overview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.module-overview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;transition:border-color .2s;display:flex}.module-overview-card:hover{border-color:#25c2a0}.moc-icon{flex-shrink:0;font-size:24px;line-height:1}.moc-body{flex-direction:column;gap:2px;min-width:0;display:flex}.moc-label{color:#64748b;font-size:12px;font-weight:600}.moc-value{color:#0f172a;font-size:20px;font-weight:800;line-height:1.2}.moc-sub{color:#94a3b8;font-size:11px}label{color:#5a6778;gap:8px;margin-bottom:18px;font-size:14px;font-weight:700;display:grid}input,select,textarea{color:#111827;background:#fff;border:1px solid #d6e0eb;border-radius:14px;outline:none;width:100%;min-height:44px;padding:0 14px}textarea{resize:vertical;min-height:88px;padding-top:12px}input:focus,select:focus,textarea:focus{border-color:#25c2a0;box-shadow:0 0 0 4px #25c2a01f}.login-card p{color:#778397;margin:18px 0 0;font-size:13px;line-height:1.7}.login-quick-panel{border-top:1px solid #edf2f7;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;padding-top:24px;display:grid}.login-quick-panel strong{color:#0f172a;grid-column:1/-1}.login-quick-panel span{color:#24506c;background:#eaf2f9;border-radius:999px;padding:10px 12px;font-size:12px;font-weight:800}.app-shell{grid-template-columns:292px minmax(0,1fr);min-height:100vh;display:grid}.storage-alert-bar{z-index:1000;grid-column:1/-1;align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:600;display:flex}.storage-alert-bar .storage-alert-icon{flex-shrink:0;font-size:16px}.storage-alert-bar .storage-alert-msg{flex:1;line-height:1.5}.storage-alert-bar .storage-alert-close{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;min-height:auto;padding:0 4px;font-size:18px}.storage-alert-bar .storage-alert-close:hover{opacity:1}.storage-alert-quota_exceeded{color:#dc2626;background:#fef2f2;border-bottom:2px solid #dc2626}.storage-alert-quota_warning{color:#d97706;background:#fffbeb;border-bottom:1px solid #fcd34d}.storage-alert-write_failed,.storage-alert-corruption_detected{color:#dc2626;background:#fef2f2;border-bottom:2px solid #dc2626}.storage-usage-bar{color:#0369a1;background:#f0f9ff;border-bottom:1px solid #bae6fd;grid-column:1/-1;align-items:center;gap:12px;padding:8px 20px;font-size:12px;display:flex}.storage-usage-bar .storage-usage-action{color:#0369a1;cursor:pointer;background:#fff;border:1px solid #0369a1;border-radius:6px;min-height:28px;padding:4px 12px;font-size:12px;font-weight:600}.storage-usage-bar .storage-usage-action:hover{color:#fff;background:#0369a1}.sidebar{color:#d8e5f7;background:linear-gradient(#0b1f37 0%,#102b46 58%,#0d1a2b 100%),repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 60px);height:100vh;padding:24px 18px;position:sticky;top:0;overflow-y:auto}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;margin-bottom:18px;padding:0 4px 24px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#25c2a0,#2f6fed);border-radius:16px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.brand strong{color:#fff;font-size:18px;display:block}.brand span{color:#86a0bf;margin-top:4px;font-size:12px;display:block}nav{gap:8px;display:grid}.nav-button{color:#bad0e9;text-align:left;background:0 0;border:0;border-radius:14px;width:100%;min-height:42px;padding:0 14px}.nav-button:hover,.nav-button.active{color:#fff;background:#25c2a024}.sidebar-settings-button{color:#b8fff0;background:#25c2a014;border:1px solid #25c2a042;border-radius:14px;width:100%;min-height:42px;margin-top:22px;font-weight:900}.sidebar-module-list{gap:10px;max-height:560px;display:grid;overflow:auto}.sidebar-module-list article{background:#f8fbfd;border:1px solid #e4edf6;border-radius:14px;gap:7px;padding:12px;display:grid}.sidebar-module-list article.fixed{opacity:.62}.sidebar-module-list input{color:#0f172a;background:#fff;border:1px solid #d6e0eb;border-radius:10px;width:100%;min-height:38px;padding:8px 10px}.sidebar-module-list input:disabled{color:#68788d}.sidebar-module-list article>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.sidebar-module-list button{color:#178f78;background:#e3f8f3;border:1px solid #25c2a038;border-radius:9px;min-height:28px;font-size:12px;font-weight:900}.sidebar-module-list button:disabled{cursor:not-allowed;color:#9aa8b8;background:#f1f5f9;border-color:#e4edf6}.settings-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.settings-entry-card{background:radial-gradient(circle at 90% 12%,#25c2a024,#0000 34%),linear-gradient(135deg,#f0fdfa,#f8fbfd);border:1px solid #25c2a03d;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.settings-entry-card h3{color:#0f172a;margin:6px 0}.settings-entry-card span{color:#68788d;font-size:13px;line-height:1.6}.first-module-layout-compact{opacity:.96}.first-module-layout-compact.module-hero,.first-module-layout-compact.panel{padding:20px}.first-module-layout-compact.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.first-module-layout-large.module-hero,.first-module-layout-large.panel{padding:34px}.first-module-layout-large.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.first-module-layout-large .metric-card{min-height:140px}.first-module-layout-compact.customer-library-panel .customer-library-layout{grid-template-columns:240px minmax(0,1fr)}.first-module-layout-large.customer-library-panel .customer-library-layout,.first-module-layout-large.procurement-link-grid{grid-template-columns:1fr}.first-module-layout-compact.sop-panel .procurement-sop-strip{grid-template-columns:repeat(4,minmax(180px,1fr))}.first-module-layout-large.sop-panel .procurement-sop-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.first-module-layout-compact.data-center-grid,.first-module-layout-compact.engine-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.first-module-layout-large.data-center-grid,.first-module-layout-large.engine-grid,.first-module-layout-large.permission-layout,.first-module-layout-large.data-center-layout{grid-template-columns:1fr}.first-module-layout-compact.data-action-panel .data-action-grid,.first-module-layout-compact.business-flow-panel .business-flow-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.first-module-layout-large.data-action-panel .data-action-grid,.first-module-layout-large.business-flow-panel .business-flow-strip,.first-module-layout-large.procurement-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.topbar h1{color:#0f172a;margin:8px 0 0;font-size:30px;line-height:1.25}.topbar-actions{align-items:center;gap:12px;display:flex}.topbar-user-greeting{color:#1e40af;white-space:nowrap;background:#f0f7ff;border:1px solid #c7ddf5;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.search{background:#fff;border:1px solid #d6e0eb;border-radius:15px;align-items:center;gap:8px;width:300px;height:44px;padding:0 14px;display:flex}.search input{height:auto;box-shadow:none;border:0;padding:0}.primary-button,.outline-button{border-radius:14px;min-height:42px;padding:0 18px;font-weight:800}.primary-button{color:#fff;background:linear-gradient(135deg,#25c2a0,#178f78);border:0;box-shadow:0 14px 28px #25c2a03d}.outline-button{color:#17415c;background:#fff;border:1px solid #d6e0eb}.full{width:100%}.page-stack{gap:20px;display:grid}.module-tab-bar{border-bottom:2px solid var(--border);z-index:50;background:var(--bg,#f5f7fa);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:0;padding:0 4px;display:flex;position:sticky;top:0;overflow-x:auto;box-shadow:0 2px 8px #0000000f}.module-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;min-height:44px;margin-bottom:-2px;padding:10px 18px;font-size:14px;font-weight:500;transition:color .2s,border-color .2s;display:flex}.module-tab-btn:hover{color:var(--text)}.module-tab-btn.active{color:#096dd9;border-bottom-color:#096dd9;font-weight:600}.dashboard-page{gap:20px;display:grid}.cockpit-layout-compact{opacity:.96}.cockpit-layout-compact .panel-title{margin-bottom:8px}.cockpit-layout-compact .cockpit-capacity-panel,.cockpit-layout-compact .cockpit-price-panel,.cockpit-layout-compact .cockpit-loss-panel,.cockpit-layout-compact .cockpit-params-panel,.cockpit-layout-compact .cockpit-customer-panel,.cockpit-layout-compact .cockpit-recyclable-panel,.cockpit-layout-compact .cockpit-pipeline-panel,.cockpit-layout-compact .cockpit-alert-panel,.cockpit-layout-compact .cockpit-quick-panel{padding:18px}.cockpit-layout-large{gap:24px}.cockpit-layout-large .cockpit-capacity-panel,.cockpit-layout-large .cockpit-price-panel,.cockpit-layout-large .cockpit-loss-panel,.cockpit-layout-large .cockpit-params-panel,.cockpit-layout-large .cockpit-customer-panel,.cockpit-layout-large .cockpit-recyclable-panel,.cockpit-layout-large .cockpit-pipeline-panel,.cockpit-layout-large .cockpit-alert-panel,.cockpit-layout-large .cockpit-quick-panel{padding:30px}.cockpit-layout-large.cockpit-top-row,.cockpit-layout-large.cockpit-formula-row,.cockpit-layout-large.cockpit-data-row,.cockpit-layout-large.cockpit-bottom-row{grid-template-columns:1fr}.cockpit-layout-compact.cockpit-data-row{grid-template-columns:1fr 1fr .7fr}.cockpit-layout-compact.cockpit-bottom-row{grid-template-columns:1.35fr .65fr}.refresh-badge{color:#178f78;background:#e3f8f3;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.cockpit-top-row{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px;display:grid}.cockpit-capacity-panel,.cockpit-price-panel,.cockpit-loss-panel,.cockpit-params-panel,.cockpit-customer-panel,.cockpit-recyclable-panel,.cockpit-pipeline-panel,.cockpit-industry-panel,.cockpit-alert-panel,.cockpit-quick-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #d2deebe6;border-radius:22px;padding:24px;box-shadow:0 18px 48px #142b4814}.capacity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.capacity-card{background:linear-gradient(#fff,#f8fbfd);border:1px solid #e4edf6;border-radius:18px;gap:9px;padding:14px;display:grid}.capacity-header{justify-content:space-between;align-items:center;display:flex}.capacity-label{color:#5a6778;font-size:14px;font-weight:900}.capacity-pct{border-radius:999px;padding:4px 10px;font-size:13px;font-weight:900}.capacity-pct.good{color:#0d7a5f;background:#d4f5ea}.capacity-pct.warn{color:#a16207;background:#fef3c7}.capacity-pct.danger{color:#b91c1c;background:#fee2e2}.capacity-bar-wrap{background:#edf2f7;border-radius:999px;height:10px;overflow:hidden}.capacity-bar{border-radius:999px;height:100%;transition:width .6s}.capacity-bar.good{background:linear-gradient(90deg,#25c2a0,#178f78)}.capacity-bar.warn{background:linear-gradient(90deg,#f59e0b,#d97706)}.capacity-bar.danger{background:linear-gradient(90deg,#ef4444,#b91c1c)}.capacity-values{grid-template-columns:1fr;gap:6px;display:grid}.capacity-actual strong,.capacity-target strong{color:#0f172a;font-size:20px;display:block}.capacity-actual small,.capacity-target small{color:#68788d;font-size:12px}.capacity-actual{background:#eaf7f4;border-radius:14px;padding:8px 10px}.capacity-actual strong{color:#178f78}.price-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.price-card{background:linear-gradient(#fff,#f8fbfd);border:1px solid #e4edf6;border-radius:18px;gap:8px;padding:18px;display:grid}.price-card.suggested{background:linear-gradient(135deg,#eaf7f4,#f0fdf8);border-color:#25c2a04d;grid-column:1/-1}.price-source{color:#5a6778;font-size:13px;font-weight:900}.price-value-row{align-items:baseline;gap:6px;display:flex}.price-value-row strong{color:#0f172a;font-size:28px}.price-value-row small{color:#68788d;font-size:13px}.price-suggested-value{color:#178f78!important}.price-change{border-radius:999px;width:fit-content;padding:4px 10px;font-size:13px;font-style:normal;font-weight:900}.price-change.up{color:#0d7a5f;background:#d4f5ea}.price-change.down{color:#b91c1c;background:#fee2e2}.price-date,.price-update-time{color:#9aa8b8;font-size:12px}.price-suggested-range{color:#178f78;font-size:13px;font-weight:800}.cockpit-formula-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.loss-formula-visual{background:linear-gradient(135deg,#f0f7ff,#eaf2fb);border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding:20px;display:flex}.loss-item{text-align:center;background:#fff;border:1px solid #d6e4f0;border-radius:16px;gap:4px;min-width:110px;padding:14px;display:grid}.loss-item.purchase{border-color:#25c2a04d}.loss-item.sales{border-color:#2f6fed4d}.loss-item.inventory{border-color:#8b5cf64d}.loss-item.result{background:#fffbeb;border-color:#f59e0b66}.loss-item-label{color:#5a6778;font-size:11px;font-weight:800}.loss-item strong{color:#0f172a;font-size:22px}.loss-item small{color:#9aa8b8;font-size:11px}.loss-item em{color:#a16207;font-size:12px;font-style:normal;font-weight:900}.loss-op{color:#5a6778;font-size:22px;font-weight:900}.loss-op.equal{color:#178f78}.biz-params-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.biz-param-card{background:#fff;border:1px solid #e4edf6;border-radius:16px;gap:6px;padding:16px;display:grid}.biz-param-card span{color:#5a6778;font-size:12px;font-weight:800}.biz-param-card strong{color:#0f172a;font-size:20px}.biz-param-card small{color:#9aa8b8;font-size:11px}.biz-param-card.cyan{border-left:4px solid #25c2a0}.biz-param-card.green{border-left:4px solid #178f78}.biz-param-card.blue{border-left:4px solid #2f6fed}.biz-param-card.gold{border-left:4px solid #f59e0b}.cockpit-industry-panel{color:#fff;background:radial-gradient(circle at 12% 18%,#25c2a057,#0000 28%),radial-gradient(circle at 86% 10%,#2f6fed57,#0000 30%),radial-gradient(circle at 72% 92%,#f59e0b29,#0000 26%),linear-gradient(135deg,#071827 0%,#0d3042 42%,#081829 100%);border-color:#7ef0d53d;padding:30px;position:relative;overflow:hidden;box-shadow:0 24px 70px #05162633,inset 0 0 0 1px #ffffff14}.cockpit-industry-panel:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(0deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b8,#0000 92%);mask-image:linear-gradient(#000000b8,#0000 92%)}.cockpit-industry-panel:after{content:"";pointer-events:none;opacity:.8;background:linear-gradient(90deg,#0000 49%,#b8fff024 50%,#0000 51%),linear-gradient(#0000 49%,#b8fff024 50%,#0000 51%);border:1px solid #b8fff03d;border-radius:50%;width:320px;height:320px;position:absolute;top:-120px;right:-120px}.cockpit-industry-panel>*{z-index:1;position:relative}.cockpit-industry-panel .eyebrow{color:#7ef0d5}.cockpit-industry-panel .panel-title h2{color:#fff;font-size:28px}.cockpit-industry-panel .refresh-badge{color:#05251f;background:linear-gradient(135deg,#b8fff0,#f8e6ad);box-shadow:0 12px 28px #25c2a038}.industry-kpi-grid{grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.industry-kpi-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff24,#ffffff0a),#ffffff0f;border:1px solid #b8fff02e;border-radius:20px;gap:8px;min-height:136px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 42px #03111f38}.industry-kpi-card:hover{border-color:#b8fff061;transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ffffff1a,0 24px 52px #03111f57}.industry-kpi-card:after{content:"";opacity:.28;filter:blur(1px);border-radius:50%;width:104px;height:104px;position:absolute;bottom:-34px;right:-34px}.industry-kpi-card.green:after{background:#178f78}.industry-kpi-card.cyan:after{background:#25c2a0}.industry-kpi-card.blue:after{background:#2f6fed}.industry-kpi-card.gold:after{background:#f59e0b}.industry-kpi-card.green{border-top:3px solid #37e0b7}.industry-kpi-card.cyan{border-top:3px solid #7ef0d5}.industry-kpi-card.blue{border-top:3px solid #8bb8ff}.industry-kpi-card.gold{border-top:3px solid #f8d27a}.industry-kpi-card.featured{background:radial-gradient(circle at 80% 18%,#f8d27a38,#0000 28%),linear-gradient(135deg,#25c2a042,#2f6fed1f),#ffffff14;border-color:#b8fff06b;grid-row:span 2;align-content:center;min-height:286px;padding:28px}.industry-kpi-card.featured:before{content:"";background:linear-gradient(90deg,#b8fff0 0 68%,#b8fff02e 68% 100%);border-radius:999px;width:180px;height:7px;position:absolute;bottom:26px;left:28px}.industry-kpi-card.priority{background:linear-gradient(135deg,#2f6fed2e,#25c2a014),#ffffff12}.industry-kpi-card span{color:#ffffffb8;letter-spacing:.04em;font-size:13px;font-weight:900}.industry-kpi-card strong{color:#fff;letter-spacing:-.04em;text-shadow:0 0 24px #b8fff024;font-size:27px}.industry-kpi-card.featured strong{color:#b8fff0;font-size:clamp(38px,5vw,58px);line-height:1}.industry-kpi-card small{color:#ffffff94;font-size:12px;line-height:1.5}.industry-kpi-card.featured small{color:#ffffffb8;max-width:260px;font-size:14px}.cockpit-data-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr);gap:20px;display:grid}.customer-dist-list{gap:12px;margin-top:16px;display:grid}.customer-dist-row{grid-template-columns:90px 1fr 60px 50px;align-items:center;gap:10px;display:grid}.customer-region{color:#0f172a;font-size:13px;font-weight:900}.customer-bar-wrap{background:#edf2f7;border-radius:999px;height:8px;overflow:hidden}.customer-bar{background:linear-gradient(90deg,#25c2a0,#178f78);border-radius:999px;height:100%;transition:width .5s}.customer-count{color:#0f172a;text-align:right;font-size:13px;font-weight:900}.customer-ratio{color:#9aa8b8;text-align:right;font-size:12px}.recyclable-grid{gap:10px;margin-top:16px;display:grid}.recyclable-item{background:#fff;border:1px solid #e4edf6;border-radius:14px;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:12px 16px;display:grid}.recyclable-type{color:#0f172a;font-size:13px;font-weight:900}.recyclable-amount{color:#0f172a;font-size:20px}.recyclable-item small{color:#9aa8b8;font-size:12px}.recyclable-trend{border-radius:999px;padding:3px 8px;font-size:12px;font-style:normal;font-weight:900}.recyclable-trend.up{color:#0d7a5f;background:#d4f5ea}.recyclable-trend.down{color:#b91c1c;background:#fee2e2}.pipeline-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.pipeline-stage{text-align:left;cursor:pointer;background:linear-gradient(#fff,#f8fbfd);border:1px solid #e4edf6;border-radius:16px;gap:4px;padding:14px;transition:transform .2s,border-color .2s;display:grid}.pipeline-stage:hover{border-color:#25c2a075;transform:translateY(-2px)}.pipeline-stage strong{color:#0f172a;font-size:22px}.pipeline-stage span{color:#5a6778;font-size:12px;font-weight:800}.pipeline-stage em{color:#a16207;background:#fef3c7;border-radius:999px;width:fit-content;padding:3px 8px;font-size:11px;font-style:normal;font-weight:900}.cockpit-bottom-row{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px;display:grid}.alert-count{color:#b91c1c;background:#fee2e2;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.cockpit-alert-list{gap:10px;margin-top:16px;display:grid}.cockpit-alert-item{text-align:left;background:#fff;border:1px solid #e4edf6;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:14px;transition:transform .15s,border-color .15s;display:grid}.cockpit-alert-item:hover{border-color:#25c2a04d;transform:translate(4px)}.cockpit-alert-item.level-高{background:#fff5f5;border-left:4px solid #ef4444}.cockpit-alert-item.level-中{background:#fffbf0;border-left:4px solid #f59e0b}.cockpit-alert-item.level-低{background:#f0f7ff;border-left:4px solid #3b82f6}.alert-level-badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900}.alert-level-badge.level-高{color:#b91c1c;background:#fee2e2}.alert-level-badge.level-中{color:#a16207;background:#fef3c7}.alert-level-badge.level-低{color:#1d4ed8;background:#dbeafe}.alert-body{gap:3px;display:grid}.alert-title{color:#0f172a;font-size:14px;font-weight:900}.alert-desc{color:#68788d;font-size:12px}.alert-time{color:#9aa8b8;white-space:nowrap;font-size:11px}.cockpit-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.cockpit-quick-btn{text-align:left;background:linear-gradient(#fff,#f8fbfd);border:1px solid #e4edf6;border-radius:16px;gap:6px;padding:16px;transition:transform .2s,border-color .2s;display:grid}.cockpit-quick-btn:hover{border-color:#25c2a075;transform:translateY(-2px);box-shadow:0 10px 28px #142b4814}.cockpit-quick-btn strong{color:#0f172a;font-size:14px}.cockpit-quick-btn small{color:#178f78;font-size:12px;font-weight:800}.permission-hero{color:#fff;background:radial-gradient(circle at 82% 18%,#25c2a05c,#0000 28%),radial-gradient(circle at 12% 92%,#2f6fed38,#0000 34%),linear-gradient(135deg,#0b1f37 0%,#123d4d 58%,#0c1f34 100%);border:0;align-items:end;min-height:220px;position:relative;overflow:hidden;box-shadow:0 26px 70px #0c243e33}.permission-hero:after{content:"";background:linear-gradient(90deg,#0000 49%,#ffffff14 50%,#0000 51%),linear-gradient(#0000 49%,#ffffff14 50%,#0000 51%);border:1px solid #ffffff1f;border-radius:50%;width:240px;height:240px;position:absolute;top:28px;right:34px}.permission-hero h2,.permission-hero p:not(.eyebrow){z-index:1;color:#fff;position:relative}.permission-hero p:not(.eyebrow){color:#ffffffb8;max-width:760px}.permission-actions{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #ffffff1f;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid;position:relative}.permission-actions .outline-button{color:#fff;background:#ffffff1a;border-color:#ffffff2e}.permission-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.permission-layout.lower{grid-template-columns:1fr}.workflow-priority-layout{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);align-items:start;gap:22px;display:grid}.workflow-priority-layout>.panel{min-width:0;padding:0;overflow:hidden}.workflow-priority-layout>.panel>.panel-title{background:linear-gradient(#fff,#f8fbfd);border-bottom:1px solid #edf2f7;margin:0;padding:22px 24px}.workflow-priority-panel{border:1px solid #25c2a038;box-shadow:0 22px 56px #142b481a}.business-flow-panel{overflow:hidden}.business-flow-strip{scrollbar-width:thin;grid-template-columns:repeat(9,minmax(220px,1fr));gap:12px;max-width:100%;padding:20px;display:grid;overflow:auto}.business-flow-strip article{background:radial-gradient(circle at 100% 0,#25c2a024,#0000 32%),linear-gradient(#fff,#f8fbfd);border:1px solid #e4edf6;border-radius:20px;align-content:start;gap:10px;min-height:190px;padding:18px;display:grid}.business-flow-strip em{color:#178f78;background:#e3f8f3;border-radius:12px;place-items:center;width:34px;height:34px;font-size:12px;font-style:normal;font-weight:900;display:grid}.business-flow-strip strong{color:#0f172a;font-size:17px}.business-flow-strip span{color:#68788d;font-size:13px;line-height:1.7}.permission-side-panel .department-permission-board{max-height:640px}.permission-layout.lower>.panel{width:100%}.permission-layout>.panel{border:1px solid #d2deebeb;border-radius:26px;min-width:0;padding:0;overflow:hidden;box-shadow:0 18px 44px #142b4812}.permission-layout>.panel>.panel-title{background:linear-gradient(#fff,#f8fbfd);border-bottom:1px solid #edf2f7;min-height:92px;margin:0;padding:22px 24px}.role-workspace-panel{overflow:hidden}.role-workspace-layout{grid-template-columns:minmax(230px,.26fr) minmax(0,1fr);gap:18px;padding:20px;display:grid}.role-selector{flex-direction:column;gap:8px;display:flex}.role-dept-group{flex-direction:column;gap:4px;display:flex}.role-dept-header{text-align:left;cursor:pointer;background:#f0f5fb;border:1px solid #d0dae6;border-radius:12px;align-items:center;gap:8px;width:100%;padding:8px 12px;display:flex}.role-dept-header strong{color:#17415c;font-size:13px}.role-dept-header span{color:#68788d;font-size:11px}.role-dept-header em{color:#8898aa;margin-left:auto;font-size:11px;font-style:normal}.role-selector>.role-dept-group>button:not(.role-dept-header){text-align:left;cursor:pointer;background:#fff;border:1px solid #e4edf6;border-radius:14px;gap:5px;width:100%;margin-left:10px;padding:10px 12px;display:grid}.role-selector button.active{background:linear-gradient(135deg,#e3f8f3,#fff);border-color:#25c2a073;box-shadow:0 8px 16px #25c2a01f}.role-selector button:not(.role-dept-header) strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.role-selector button:not(.role-dept-header) span{color:#68788d;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.role-preview-content{gap:14px;min-width:0;display:grid}.role-summary-card,.field-rule-card{background:#f8fbfd;border:1px solid #e4edf6;border-radius:20px;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);align-items:center;gap:16px;padding:16px;display:grid}.role-summary-card span,.field-rule-card span{color:#178f78;font-size:12px;font-weight:900}.role-summary-card strong,.field-rule-card strong{color:#0f172a;margin-top:5px;font-size:18px;display:block}.role-summary-card p{color:#4d5f73;margin:0;line-height:1.7}.role-switch-preview{border-top:1px solid #e4edf6;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;padding-top:10px;display:flex}.role-switch-preview b{color:#17415c;font-size:12px}.role-switch-preview button{color:#31546b;background:#fff;border:1px solid #dbeaf1;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950}.role-switch-preview button.active{color:#fff;background:linear-gradient(135deg,#17415c,#2f6fed);border-color:#0000}.role-preview-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);gap:14px;display:grid}.pc-preview-card,.mobile-preview-card{background:#fff;border:1px solid #e4edf6;border-radius:22px;gap:14px;padding:16px;display:grid}.pc-preview-card header,.mobile-preview-card header{justify-content:space-between;align-items:center;gap:12px;display:flex}.pc-preview-card header span,.mobile-preview-card header span{color:#68788d;font-size:12px;font-weight:900}.pc-preview-card header strong,.mobile-preview-card header strong{color:#0f172a}.preview-expand-btn{color:#178f78;cursor:pointer;white-space:nowrap;background:#eefbf7;border:1px solid #cdeee6;border-radius:8px;margin-left:auto;padding:4px 12px;font-size:12px;font-weight:600;transition:all .15s}.preview-expand-btn:hover{color:#fff;background:#178f78}.preview-fullscreen{z-index:1000;background:#f8fafc;border-radius:0;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) previewFullscreenIn;position:fixed;inset:0;overflow-y:auto}.preview-fullscreen header{z-index:10;background:#f8fafc;border-bottom:1px solid #e4edf6;margin-bottom:8px;padding:8px 0 12px;position:sticky;top:0}.preview-fullscreen .pc-preview-shell{min-height:calc(100vh - 100px)}.preview-fullscreen .phone-frame{max-height:calc(100vh - 100px);margin:0 auto}@keyframes previewFullscreenIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=820px){.preview-fullscreen{padding:12px}.preview-expand-btn{padding:3px 8px;font-size:11px}}.pc-preview-shell{background:#f5f8fb;border:1px solid #dce8f3;border-radius:20px;grid-template-columns:180px minmax(0,1fr);min-height:310px;display:grid;overflow:hidden}.pc-preview-shell nav{background:#163f5d;align-content:start;gap:7px;padding:14px;display:grid}.pc-preview-shell nav span{color:#ffffffe0;background:#ffffff14;border-radius:12px;padding:9px 10px;font-size:12px}.pc-preview-shell main{padding:16px}.pc-preview-topbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.pc-preview-topbar h3{color:#0f172a;margin:0}.pc-role-badge{color:#fff;white-space:nowrap;background:#0d9488;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.pc-preview-packing{flex-direction:column;gap:12px;display:flex}.pc-packing-form-row{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.pc-packing-form-row label{color:#172033;flex-direction:column;flex:1;gap:3px;min-width:120px;font-size:12px;font-weight:600;display:flex}.pc-packing-form-row label input{border:1px solid var(--border,#c8d3e0);color:#172033;background:#fff;border-radius:6px;width:100%;padding:7px 10px;font-size:13px}.pc-packing-form-row button{flex-shrink:0;align-self:end}.pc-packing-stats-bar{color:#0d5e47;background:#e3f8f3;border:1px solid #b2e8db;border-radius:8px;flex-wrap:wrap;gap:16px;padding:10px 14px;font-size:13px;display:flex}.pc-packing-stats-bar strong{color:#172033;font-size:15px}.pc-block-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pc-block-grid em{color:#17415c;background:#fff;border:1px solid #e4edf6;border-radius:16px;min-height:74px;padding:12px;font-size:13px;font-style:normal;font-weight:900}.phone-frame{background:linear-gradient(#f7fbff,#edf4f8);border:8px solid #132337;border-radius:30px;flex-direction:column;gap:0;width:min(100%,320px);height:568px;max-height:568px;margin:0 auto;padding:12px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 46px #0f23362e}.phone-frame .phone-scroll-area{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain;flex-direction:column;flex:1;gap:8px;margin-top:8px;padding-right:4px;display:flex;overflow-y:auto}.phone-topbar{color:#fff;background:linear-gradient(135deg,#163f5d,#178f78);border-radius:16px;justify-content:space-between;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:950;display:flex}.phone-topbar.switchable{cursor:pointer;background:linear-gradient(135deg,#163f5d,#2f6fed);flex-wrap:wrap;display:flex;position:relative}.phone-topbar.switchable span{display:block}.phone-topbar.switchable em{color:#ffffffd1;flex:1 0 100%;font-size:11px;font-style:normal;font-weight:850}.phone-rule-mini-button{color:#17415c;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:950;box-shadow:0 6px 16px #0f1d2a2e}.phone-role-menu{z-index:5;background:#fff;border:1px solid #163f5d1f;border-radius:14px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:8px;right:8px;box-shadow:0 16px 30px #0f233633}.phone-role-menu button{color:#17415c;text-align:left;background:#f6f9fc;border:1px solid #dbeaf1;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:950}.phone-role-menu button.active{color:#fff;background:linear-gradient(135deg,#17415c,#2f6fed);border-color:#0000}.phone-card-list,.phone-action-grid{gap:6px;display:grid}.phone-card-list span{color:#0f172a;background:#fff;border:1px solid #e4edf6;border-radius:12px;padding:9px 10px;font-size:12px;font-weight:900}.phone-card-list .rule-linked{color:#17415c;text-align:left;cursor:pointer;background:#eef6ff;border-style:dashed;border-color:#2f6fed6b;border-radius:16px;width:100%;padding:12px;font-size:13px;font-weight:900;display:block}.rule-detail-modal{background:#fff;border-radius:20px;gap:16px;width:min(520px,100vw - 32px);padding:22px;display:grid;box-shadow:0 24px 80px #0f1d2a38}.side-rule-modal{width:min(640px,100vw - 40px);max-height:min(76vh,720px);margin-left:auto;margin-right:5vw;overflow:auto}.side-rule-list{gap:14px;display:grid}.side-rule-list article{background:#f8fbff;border:1px solid #e4edf6;border-radius:14px;gap:9px;padding:14px;display:grid}.side-rule-list article>strong{color:#0f1d2a;font-size:15px}.side-rule-list article>span{color:#5a7086;font-size:12px;line-height:1.5}.rule-detail-modal header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.rule-detail-modal h3{margin:4px 0 0;font-size:20px}.rule-detail-modal>strong{color:#0f1d2a;font-size:15px}.phone-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-action-grid button{color:#178f78;background:#e3f8f3;border:1px solid #cdeee6;border-radius:10px;padding:8px 6px;font-size:11px;font-weight:900}.phone-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:auto;display:grid}.phone-tabs em{color:#68788d;text-align:center;background:#fff;border-radius:10px;padding:6px 4px;font-size:10px;font-style:normal;font-weight:900}.phone-ref-tag{color:#0d9488;text-align:center;padding:2px 6px;font-size:10px;font-weight:600;display:block}.phone-packing-content{flex-direction:column;flex:1;gap:10px;display:flex;overflow-y:auto}.phone-packing-form{flex-direction:column;gap:8px;padding:0 4px;display:flex}.phone-packing-form label{color:#172033;flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.phone-packing-form label input,.phone-packing-form label select,.phone-packing-form label textarea{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #c8d3e0;border-radius:10px;width:100%;min-height:44px;padding:10px 12px;font-size:14px}.phone-packing-form label select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.phone-submit-btn{color:#fff;cursor:pointer;letter-spacing:1px;background:#0d9488;border:none;border-radius:12px;min-height:48px;margin-top:8px;padding:14px;font-size:15px;font-weight:700}.phone-packing-stats{background:#e3f8f3;border:1px solid #b2e8db;border-radius:10px;padding:10px 12px}.phone-packing-stats strong{color:#0d5e47;margin-bottom:6px;font-size:12px;display:block}.phone-stats-row{color:#0d5e47;gap:16px;font-size:12px;display:flex}.phone-stats-row b{color:#172033;font-size:16px}.org-tree,.user-card-list,.permission-matrix,.workflow-config-list{gap:12px;padding:18px;display:grid}.org-tree{overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-x pan-y;place-items:start;width:100%;max-width:100%;height:620px;max-height:620px;padding:28px 24px 34px;overflow:auto}.org-tree::-webkit-scrollbar{width:10px;height:10px}.org-tree::-webkit-scrollbar-thumb{background:#b8c9dc;border:2px solid #f8fbfd;border-radius:999px}.org-tree::-webkit-scrollbar-thumb:hover{background:#86a0bf}.org-fullscreen{z-index:30;background:radial-gradient(circle at 82% 18%,#25c2a02e,#0000 28%),linear-gradient(135deg,#08182bf5,#0b3948f5);grid-template-rows:auto minmax(0,1fr);padding:22px;display:grid;position:fixed;inset:0}.org-fullscreen-header{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff24;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:18px 22px;display:flex}.org-fullscreen-header h2{color:#fff;margin:6px 0 0}.org-tree-fullscreen{background:#f8fbfdf5;border:1px solid #ffffff24;border-radius:26px;max-width:none;height:100%;max-height:none;padding:42px}.user-org-tree{height:620px;max-height:620px}.user-org-tree-fullscreen{max-height:none}.user-account-board-wrap,.user-account-fullscreen{scrollbar-width:thin;background:#f8fbfd;border-radius:22px;padding:18px;overflow:auto}.user-account-board-wrap{height:620px;max-height:620px}.user-account-fullscreen{background:#f8fbfdf5;border:1px solid #ffffff24;height:100%}.user-account-board{gap:16px;display:grid}.user-account-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.user-account-summary article{background:linear-gradient(#fff,#f4fbff),radial-gradient(circle at 100% 0,#25c2a01f,#0000 36%);border:1px solid #e4edf6;border-radius:18px;padding:16px}.user-account-summary span{color:#68788d;font-size:12px;font-weight:900;display:block}.user-account-summary strong{color:#0f172a;margin-top:6px;font-size:26px;display:block}.user-account-summary small{color:#7a889a;margin-top:4px;font-weight:800;display:block}.personnel-rule-strip{background:#f8fbff;border:1px dashed #2f6fed3d;border-radius:16px;gap:8px;padding:12px 14px;display:grid}.personnel-rule-strip strong{color:#17415c}.personnel-rule-strip div{flex-wrap:wrap;gap:6px;display:flex}.personnel-rule-strip span{color:#31546b;background:#fff;border:1px solid #dbeaf1;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:850}.permission-rule-center-strip{background:linear-gradient(135deg,#2f6fed14,#25c2a014),#fff;border:1px solid #2f6fed2e;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.permission-rule-center-strip strong{color:#17415c;display:block}.permission-rule-center-strip span,.permission-rule-center-strip em{color:#5a6778;margin-top:3px;font-size:12px;line-height:1.45;display:block}.permission-rule-center-strip em{color:#178f78;font-style:normal;font-weight:900}.permission-rule-center-modal{background:#fff;border:1px solid #2f6fed2e;border-radius:24px;width:min(920px,92vw);max-height:86vh;padding:22px;overflow:auto;box-shadow:0 26px 80px #0f172a38}.rule-center-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.rule-center-grid article{background:#f8fbff;border:1px solid #dbeaf1;border-radius:18px;align-content:start;gap:9px;padding:14px;display:grid}.rule-center-grid article strong{color:#0f172a}.rule-center-grid article span{color:#5a6778;font-size:12px;line-height:1.5}.rule-center-grid article div{flex-wrap:wrap;gap:7px;display:flex}.rule-center-grid article .rule-tag-scroll{max-height:104px;padding-right:4px;overflow:auto}.rule-center-grid article em{color:#31546b;background:#fff;border:1px solid #dbeaf1;border-radius:999px;padding:6px 8px;font-size:11px;font-style:normal;font-weight:850}.personnel-record-strip{background:#f6fffc;border:1px solid #25c2a03d;border-radius:16px;gap:7px;padding:11px 13px;display:grid}.personnel-record-strip strong{color:#178f78}.personnel-record-strip span{color:#31546b;font-size:12px;line-height:1.5}.user-department-list{gap:14px;display:grid}.user-department-section{background:#fff;border:1px solid #e4edf6;border-radius:22px;gap:12px;padding:16px;display:grid;position:relative;box-shadow:0 12px 26px #142b480a}.user-department-section header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.user-department-section h3{color:#0f172a;margin:4px 0;font-size:18px}.user-department-section header span{color:#68788d;font-size:13px}.department-role-tags{justify-content:flex-end;max-width:48%}.department-role-summary{justify-content:flex-end}.department-role-summary span{color:#5a6778;font-size:12px}.permission-count-hint{color:#5a6778;white-space:nowrap;font-size:12px}.permission-summary-line{padding:8px 0}.permission-summary-line span{color:#5a6778;font-size:12px}.org-node-perm-count{color:#5a6778;white-space:nowrap;font-size:11px}.department-supervisor-panel{background:#f8fbfd;border:1px solid #dbeaf1;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.department-supervisor-panel strong{color:#0f172a;font-size:13px;display:block}.department-supervisor-panel span{color:#5a6778;font-size:11px}.department-supervisor-panel .outline-button{flex:none;padding:6px 9px;font-size:12px}.department-supervisor-options{flex-wrap:wrap;gap:7px;display:flex}.department-supervisor-options.compact-picker{z-index:15;background:#fff;border:1px solid #dbeaf1;border-radius:16px;max-width:min(720px,76vw);margin-top:48px;padding:12px;display:grid;position:absolute;right:16px;box-shadow:0 20px 50px #0f172a29}.department-supervisor-options.compact-picker>strong{color:#17415c;font-size:12px}.department-supervisor-options.compact-picker>div{flex-wrap:wrap;gap:7px;display:flex}.department-supervisor-options.compact-picker p{color:#68788d;margin:2px 0 0;font-size:12px;line-height:1.55}.supervisor-picker-actions{border-top:1px solid #edf2f7;justify-content:flex-end;gap:8px;padding-top:10px;display:flex}.supervisor-picker-actions .outline-button,.supervisor-picker-actions .primary-button{padding:7px 11px;font-size:12px}.department-save-hint{color:#17415c;background:#f8fbff;border:1px dashed #2f6fed3d;border-radius:12px;padding:8px 10px;font-size:12px;font-weight:850}.department-supervisor-options button{color:#31546b;background:#fff;border:1px solid #dbeaf1;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;font-weight:900;display:inline-flex}.department-supervisor-options button.active{color:#fff;background:linear-gradient(135deg,#17415c,#25c2a0);border-color:#0000}.department-supervisor-options button.deputy-active{color:#17415c;background:#edf4ff;border-color:#2f6fed3d}.department-supervisor-options .module-scope-picker{max-height:132px;overflow:auto}.department-supervisor-options .module-scope-picker button{border-radius:10px}.department-supervisor-options button.scope-active{color:#fff;background:#2f6fed;border-color:#0000}.production-supervisor-picker{background:#f6fffc;border:1px dashed #25c2a04d;border-radius:14px;gap:8px;padding:10px;display:grid}.production-supervisor-picker>div{flex-wrap:wrap;gap:7px;display:flex}.department-supervisor-options em{opacity:.75;font-size:10px;font-style:normal}.department-module-scope{padding-top:2px}.supervisor-badge{color:#fff;background:linear-gradient(135deg,#17415c,#25c2a0);border-radius:999px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:950}.deputy-badge{color:#17415c;background:#edf4ff;border-radius:999px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:950}.production-assignment-board{background:radial-gradient(circle at 100% 0,#25c2a01a,#0000 34%),#f8fffc;border:1px solid #25c2a033;border-radius:18px;gap:12px;padding:14px;display:grid}.production-assignment-head,.production-hierarchy-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.production-assignment-head strong,.production-hierarchy-row strong{color:#0f172a;display:block}.production-assignment-head span,.production-hierarchy-row small{color:#5a6778;font-size:12px;line-height:1.5}.compact-action{flex:none;padding:8px 12px;font-size:12px}.production-compact-metrics{flex-wrap:wrap;gap:8px;display:flex}.production-compact-metrics span{color:#31546b;background:#fff;border:1px solid #dbeaf1;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.mini-settings-backdrop{z-index:30}.production-settings-modal{background:#fff;border:1px solid #25c2a038;border-radius:24px;width:min(920px,92vw);max-height:86vh;padding:22px;overflow:auto;box-shadow:0 26px 80px #0f172a38}.production-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.production-settings-grid section{background:#f8fffc;border:1px solid #dbeaf1;border-radius:16px;gap:9px;padding:12px;display:grid}.production-settings-grid section.wide{grid-column:1/-1}.production-settings-grid strong{color:#17415c}.production-settings-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.production-flow-card{background:linear-gradient(#fff,#f8fffc),radial-gradient(circle at 100% 0,#25c2a01a,#0000 36%);border:1px solid #dbeaf1;border-radius:18px;align-content:start;gap:10px;padding:14px;display:grid}.production-flow-card.wide{grid-column:1/-1}.production-flow-card>span{color:#178f78;background:#e8fff9;border-radius:999px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:950}.production-flow-card strong{color:#0f172a}.production-flow-card select,.production-form-grid select{color:#17415c;background:#fff;border:1px solid #dbeaf1;border-radius:12px;width:100%;min-height:36px;padding:8px 10px;font-weight:850}.production-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.production-form-grid label{color:#5a6778;gap:6px;font-size:12px;font-weight:900;display:grid}.selected-person-tags,.shift-summary-row{flex-wrap:wrap;gap:7px;display:flex}.selected-person-tags button,.shift-summary-row b{color:#17415c;background:#edf4ff;border:1px solid #dbeaf1;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:950}.selected-person-tags em{color:#68788d;font-size:12px;font-style:normal}.production-post-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;display:grid}.production-post-list button{text-align:left;background:#fff;border:1px solid #dbeaf1;border-radius:14px;gap:4px;padding:11px;display:grid}.production-post-list button.active{color:#fff;background:linear-gradient(135deg,#178f78,#2f6fed);border-color:#0000}.production-post-list small{opacity:.76;font-size:11px;line-height:1.45}.post-assignee-panel{background:#f8fbff;border:1px dashed #2f6fed3d;border-radius:16px;gap:9px;padding:12px;display:grid}.post-assignee-panel label{color:#31546b;gap:6px;font-size:12px;font-weight:950;display:grid}.post-assignee-panel select{color:#17415c;background:#fff;border:1px solid #dbeaf1;border-radius:12px;width:100%;min-height:36px;padding:8px 10px;font-weight:850}.production-person-picker{flex-wrap:wrap;gap:7px;max-height:170px;display:flex;overflow:auto}.production-person-picker button{color:#31546b;background:#fff;border:1px solid #dbeaf1;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;font-weight:900;display:inline-flex}.production-person-picker button.active{color:#fff;background:linear-gradient(135deg,#17415c,#25c2a0);border-color:#0000}.production-person-picker button.deputy-active{color:#17415c;background:#edf4ff;border-color:#2f6fed3d}.production-person-picker em{opacity:.75;font-size:10px;font-style:normal}.recycle-group-assignment-list{gap:10px;display:grid}.recycle-group-assignment-list article{background:#f8fbff;border:1px solid #dbeaf1;border-radius:16px;grid-template-columns:minmax(140px,.65fr) minmax(0,1.35fr);align-items:center;gap:12px;padding:11px;display:grid}.recycle-group-assignment-list article>div:last-child,.subgroup-select-panel div{flex-wrap:wrap;gap:7px;display:flex}.recycle-group-assignment-list span{color:#5a6778;margin-top:3px;font-size:12px;display:block}.recycle-group-assignment-list button,.subgroup-select-panel button{color:#31546b;background:#fff;border:1px solid #dbeaf1;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.recycle-group-assignment-list button.active,.subgroup-select-panel button.active{color:#fff;background:#2f6fed;border-color:#0000}.production-factory-selector{background:#f8fbff;border:1px solid #dbeaf1;border-radius:14px;align-items:center;gap:10px;margin-bottom:4px;padding:10px 14px;display:flex}.production-factory-selector strong{color:#17415c;font-size:13px}.production-factory-selector select{color:#31546b;background:#fff;border:1px solid #dbeaf1;border-radius:8px;padding:5px 10px;font-size:13px}.production-group-btns{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.production-group-btns .btn-sep{color:#c0c8d2;-webkit-user-select:none;user-select:none;margin:0 2px;font-size:12px}.production-group-btns button{color:#31546b;white-space:nowrap;background:#fff;border:1px solid #dbeaf1;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.production-group-btns button.active{color:#fff;background:#2f6fed;border-color:#0000}.subgroup-select-panel{background:#f8fbff;border:1px dashed #2f6fed47;border-radius:16px;gap:9px;padding:12px;display:grid}.subgroup-select-panel strong{color:#17415c}.factory-switcher{flex-wrap:wrap;align-items:center;gap:7px;display:inline-flex}.factory-switcher b,.production-hierarchy-row span{color:#31546b;font-size:12px;font-weight:950}.factory-switcher button,.production-shift-actions button{color:#17415c;background:#fff;border:1px solid #dbeaf1;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.factory-switcher button.active,.production-shift-actions button{color:#fff;background:#178f78;border-color:#0000}.production-hierarchy-row article{background:#fff;border:1px solid #dbeaf1;border-radius:14px;flex:1;min-width:0;padding:10px}.production-shift-actions{flex-wrap:wrap;gap:8px;display:flex}.production-post-buttons{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;display:grid}.production-post-buttons button{text-align:left;background:#fff;border:1px solid #dbeaf1;border-radius:14px;gap:4px;padding:10px;display:grid}.production-post-buttons button.active{color:#fff;background:linear-gradient(135deg,#178f78,#2f6fed);border-color:#0000}.production-post-buttons span{opacity:.78;font-size:11px;line-height:1.45}.recycle-team-board{background:radial-gradient(circle at 100% 0,#2f6fed14,#0000 34%),#f8fbff;border:1px solid #2f6fed29;border-radius:18px;gap:12px;padding:14px;display:grid}.recycle-team-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.recycle-team-toolbar strong{color:#0f172a;display:block}.recycle-team-toolbar span{color:#5a6778;font-size:12px}.site-switcher{align-items:center;gap:7px;display:inline-flex}.site-switcher b{color:#31546b;font-size:12px}.site-switcher button,.recycle-team-supervisor button{color:#17415c;background:#fff;border:1px solid #dbeaf1;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.site-switcher button.active,.recycle-team-supervisor button{color:#fff;background:#17415c;border-color:#0000}.recycle-team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.recycle-team-list{gap:8px;display:grid}.recycle-team-row{background:#fff;border:1px solid #dbeaf1;border-radius:14px;grid-template-columns:minmax(180px,1.2fr) minmax(130px,.8fr) minmax(120px,auto);align-items:center;gap:10px;padding:10px 12px;display:grid}.recycle-team-row strong{color:#0f172a;display:block}.recycle-team-row span,.recycle-team-row em,.recycle-team-row b{color:#5a6778;font-size:12px;font-style:normal;line-height:1.45}.recycle-team-row b{color:#17415c;text-align:right;font-weight:950}.recycle-team-card{background:#fff;border:1px solid #dbeaf1;border-radius:16px;align-content:start;gap:10px;min-height:220px;padding:12px;display:grid}.recycle-subteam-list{border-top:1px dashed #dbeaf1;gap:8px;margin-top:2px;padding-top:8px;display:grid}.recycle-subteam-list section{background:#f8fbfd;border:1px solid #edf2f7;border-radius:14px;gap:7px;padding:9px;display:grid}.recycle-subteam-list strong{color:#0f172a;font-size:13px;display:block}.recycle-subteam-list span,.recycle-subteam-list em{color:#5a6778;font-size:11px;font-style:normal;line-height:1.45}.recycle-team-members.compact button{padding:5px 7px}.recycle-team-members.compact small{display:none}.recycle-team-head{justify-content:space-between;gap:8px;display:flex}.recycle-team-head h4{color:#0f172a;margin:0 0 4px;font-size:14px}.recycle-team-head span,.recycle-team-supervisor span,.recycle-team-hint span{color:#5a6778;font-size:12px;line-height:1.45}.recycle-team-head em{color:#178f78;flex:none;font-size:12px;font-style:normal;font-weight:950}.recycle-team-supervisor{border-top:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.recycle-team-members{flex-wrap:wrap;gap:6px;display:flex}.recycle-team-members button{color:#31546b;text-align:left;background:#fff;border:1px solid #e4edf6;border-radius:999px;grid-template-columns:auto auto;align-items:center;gap:5px 6px;padding:6px 8px;display:inline-grid}.recycle-team-members button.supervisor{color:#fff;background:linear-gradient(135deg,#25c2a0,#2f6fed);border-color:#0000}.recycle-team-members i{background:#ffffff80;border-radius:999px;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;font-weight:950;display:grid}.recycle-team-members span{font-size:12px;font-weight:900}.recycle-team-members small{opacity:.72;grid-column:2;font-size:10px}.recycle-team-hint{background:#fff;border:1px dashed #2f6fed38;border-radius:14px;padding:9px 11px}.user-account-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.user-account-card{text-align:left;background:linear-gradient(#fff,#fbfefd),radial-gradient(circle at 100% 0,#25c2a01f,#0000 34%);border:1px solid #e4edf6;border-radius:18px;grid-template-columns:auto minmax(0,1fr);gap:10px;min-height:112px;padding:14px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}.user-account-card:hover{border-color:#25c2a073;transform:translateY(-2px);box-shadow:0 16px 34px #142b4814}.user-account-main{min-width:0}.user-account-main strong{color:#0f172a;font-size:15px;display:block}.user-account-main span{color:#68788d;margin-top:4px;font-size:12px;line-height:1.5;display:block}.user-account-side{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;padding-left:44px;display:flex}.assignment-tags{margin-top:8px}.assignment-tags em{color:#846112;background:#fff7dc;border-radius:999px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:900;display:inline-flex}.org-chart-node{justify-items:center;gap:18px;min-width:220px;display:grid;position:relative}.org-chart-node.root{min-width:300px}.org-chart-children{justify-content:flex-start;gap:20px;min-width:max-content;padding-top:24px;display:flex;position:relative}.org-chart-children:before{content:"";background:#c8d7e6;width:1px;height:24px;position:absolute;top:0;left:50%}.org-chart-node:not(.root):before{content:"";background:#c8d7e6;width:1px;height:24px;position:absolute;top:-24px;left:50%}.org-node-main{text-align:center;background:linear-gradient(#fff,#f8fbfd),radial-gradient(circle at 100% 0,#25c2a01f,#0000 32%);border:1px solid #e4edf6;border-radius:20px;gap:12px;width:220px;min-width:220px;max-width:220px;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;position:relative;box-shadow:0 12px 28px #142b480a}.org-node-main:before{content:"";background:linear-gradient(90deg,#25c2a0,#2f6fed);border-radius:999px;width:42px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%)}.org-node-main:hover{border-color:#25c2a06b;transform:translateY(-4px);box-shadow:0 20px 46px #142b481a}.org-node-main strong{color:#0f172a;white-space:normal;word-break:break-word;font-size:16px;display:block}.org-node-main span{color:#68788d;white-space:normal;word-break:break-word;margin-top:5px;font-size:12px;line-height:1.6;display:block}.org-node-main small{color:#178f78;font-weight:900}.user-dept-node{background:linear-gradient(#fff,#f8fbfd),radial-gradient(circle at 100% 0,#2f6fed1f,#0000 32%)}.user-node-main{background:linear-gradient(#fff,#f4fffc),radial-gradient(circle at 100% 0,#25c2a02e,#0000 34%);border-color:#25c2a03d;place-items:center}.user-node-main:before{background:linear-gradient(90deg,#25c2a0,#17a987)}.level-badge{color:#24506c;background:#eaf2f9;border-radius:999px;justify-content:center;padding:5px 8px;font-size:11px;font-style:normal;font-weight:900;display:inline-flex}.user-leaf-node{min-width:220px}.permission-tags{flex-wrap:wrap;gap:8px;display:flex}.permission-tags span{color:#24506c;background:#eaf2f9;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.permission-tags.compact span{color:#178f78;background:#e3f8f3}.user-card{background:linear-gradient(#fff,#fbfdff);border:1px solid #e4edf6;border-radius:20px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;box-shadow:0 12px 30px #142b480a}.user-card-clickable{text-align:left;width:100%}.user-card .row-actions{grid-column:2/-1}.user-card:hover{border-color:#25c2a061;transform:translateY(-2px);box-shadow:0 18px 42px #142b4814}.manage-hint{font-weight:900;color:#178f78!important}.action-permissions{margin-bottom:18px}.user-avatar{color:#fff;background:linear-gradient(135deg,#25c2a0,#2f6fed);border-radius:14px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.user-avatar.small{border-radius:12px;width:34px;height:34px}.user-card strong,.permission-matrix strong,.workflow-config-list strong{color:#0f172a;word-break:break-word;display:block}.user-card span,.permission-matrix span,.workflow-config-list span,.workflow-config-list small,.user-card small{color:#68788d;word-break:break-word;margin-top:4px;font-size:12px;line-height:1.55;display:block}.status-pill{border-radius:999px;justify-content:center;min-width:58px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.status-pill.ok{color:#178f78;background:#e3f8f3}.status-pill.pending{color:#bd6500;background:#fff0d0}.status-pill.disabled{color:#b42318;background:#ffe8e6}.permission-matrix article,.workflow-config-list article{background:linear-gradient(#fff,#fbfdff);border:1px solid #e4edf6;border-radius:20px;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(160px,auto);align-items:center;gap:16px;padding:18px;display:grid;box-shadow:0 12px 30px #142b480a}.department-permission-board{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;min-width:0;max-width:100%;max-height:620px;padding:18px;display:grid;overflow:auto}.department-permission-board::-webkit-scrollbar{width:10px;height:10px}.permission-fullscreen-scroll::-webkit-scrollbar{width:10px;height:10px}.department-permission-board::-webkit-scrollbar-thumb{background:#b8c9dc;border:2px solid #f8fbfd;border-radius:999px}.permission-fullscreen-scroll::-webkit-scrollbar-thumb{background:#b8c9dc;border:2px solid #f8fbfd;border-radius:999px}.permission-fullscreen-scroll{overscroll-behavior:contain;scrollbar-width:thin;background:#f8fbfdf5;border:1px solid #ffffff24;border-radius:26px;height:100%;padding:24px;overflow:auto}.permission-fullscreen-scroll .department-permission-board{max-height:none;padding:0;overflow:visible}.permission-fullscreen-scroll .department-permission-card{min-width:620px}.department-permission-card{background:linear-gradient(#fff,#fbfdff);border:1px solid #e4edf6;border-radius:22px;min-width:0;overflow:hidden;box-shadow:0 12px 28px #142b480d}.department-permission-card header{background:radial-gradient(circle at 100% 0,#25c2a01f,#0000 30%),linear-gradient(#fff,#f8fbfd);border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.department-permission-card h3{color:#0f172a;margin:4px 0 6px;font-size:18px}.department-permission-card header span,.department-user-row span{color:#68788d;font-size:12px;line-height:1.6}.department-scope-tags{background:#fbfdff;border-bottom:1px solid #edf2f7;padding:14px 20px}.department-user-submenu{gap:16px;display:grid}.department-user-submenu .department-user-permissions{background:#f8fbfd;border:1px solid #e4edf6;border-radius:18px;max-height:560px;padding:12px;overflow:auto}.department-user-permissions{gap:10px;padding:14px;display:grid}.department-user-row{background:#fff;border:1px solid #edf2f7;border-radius:18px;grid-template-columns:minmax(150px,.75fr) minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.department-user-row strong{color:#0f172a;display:block}.workflow-config-list article{border-left:4px solid #25c2a0;grid-template-columns:minmax(0,1fr) auto}.workflow-config-list-large{gap:16px;max-height:720px;padding:22px;overflow:auto}.workflow-engine-card{align-items:start}.workflow-engine-card-large{padding:20px;position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,#25c2a021,#0000 30%),linear-gradient(#fff,#fbfdff)!important;border-left-width:6px!important}.workflow-function-list{grid-template-columns:1fr}.workflow-function-card{gap:16px;display:grid;grid-template-columns:1fr!important}.workflow-function-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;display:grid}.workflow-function-purpose{color:#4d5f73;margin:0;line-height:1.75}.workflow-function-stats{flex-wrap:wrap;gap:8px;display:flex}.workflow-function-stats span{color:#17415c;background:#eaf2f9;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.workflow-function-stats span:nth-child(2){color:#9d4b15;background:#fff0dc}.workflow-function-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.workflow-function-grid>div{background:#fff;border:1px solid #e4edf6;border-radius:16px;gap:9px;padding:13px;display:grid}.workflow-function-grid b{color:#0f172a;font-size:13px}.workflow-guard-card{background:radial-gradient(circle at 100% 0,#2f6fed1a,#0000 34%),#f8fbff;border:1px solid #2f6fed38;border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:16px;margin:18px;padding:18px;display:grid}.workflow-guard-card h3{color:#0f172a;margin:4px 0 8px}.workflow-guard-card span{color:#4d5f73;font-size:13px;line-height:1.65}.workflow-function-actions{flex-wrap:wrap;gap:10px;padding-top:2px;display:flex}.workflow-function-summary{background:radial-gradient(circle at 100% 0,#25c2a01f,#0000 30%),#f8fbfd;border:1px solid #e4edf6;border-radius:18px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:16px;display:grid}.workflow-function-summary span{color:#178f78;margin-bottom:5px;font-size:12px;font-weight:900;display:block}.workflow-function-summary strong{color:#0f172a;line-height:1.65}.workflow-function-summary em{color:#17415c;background:#eaf2f9;border-radius:999px;padding:8px 11px;font-size:12px;font-style:normal;font-weight:900}.data-center-hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:28px;padding:30px;display:grid}.data-center-hero .eyebrow{color:#25c2a0}.data-center-hero h2{color:var(--text,#172033)}.data-center-hero p:not(.eyebrow){color:var(--text-secondary,#5a6778);line-height:1.7}.data-center-principle{background:var(--bg2,#f1f5f9);border:1px solid #d2deebe6;border-radius:16px;gap:10px;padding:18px;display:grid}.data-center-principle strong{color:var(--text,#172033)}.data-center-principle span{color:var(--text-secondary,#5a6778);font-size:13px;line-height:1.6}.data-center-hero-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.data-center-hero-metrics .metric-card{background:var(--bg2,#f1f5f9);border:1px solid var(--border,#e2e8f0);text-align:center;border-radius:10px;padding:14px}.data-center-hero-metrics .metric-card span{color:var(--text-secondary,#5a6778);font-size:12px}.data-center-hero-metrics .metric-card strong{color:var(--text,#172033);margin:4px 0;font-size:20px;display:block}.data-center-hero-metrics .metric-card em{color:var(--text-secondary,#8898aa);font-size:11px;font-style:normal}.data-center-hero-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.data-center-hero-categories div{background:var(--bg2,#f1f5f9);border:1px solid var(--border,#e2e8f0);border-radius:10px;flex-direction:column;gap:3px;padding:12px;display:flex}.data-center-hero-categories em{color:#25c2a0;font-size:12px;font-style:normal;font-weight:700}.data-center-hero-categories strong{color:var(--text,#172033);font-size:13px}.data-center-hero-categories span{color:var(--text-secondary,#5a6778);font-size:12px;line-height:1.4}.data-center-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.data-center-card{background:radial-gradient(circle at 100% 0,#25c2a01f,#0000 32%),#fff;border:1px solid #e4edf6;border-radius:24px;gap:10px;padding:20px;display:grid;box-shadow:0 16px 38px #142b480f}.data-center-card span{color:#178f78;font-size:22px;font-weight:950}.data-center-card strong{color:#0f172a;font-size:17px}.data-center-card p{color:#68788d;margin:0;line-height:1.7}.data-action-panel{overflow:hidden}.data-template-select{padding:0 20px 18px}.data-template-select label,.data-action-form label{color:#24506c;gap:8px;font-size:13px;font-weight:900;display:grid}.data-template-select select,.data-action-form select,.data-action-form input{color:#0f172a;background:#fff;border:1px solid #d6e0eb;border-radius:14px;min-height:42px;padding:10px 12px}.data-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px;display:grid}.data-action-grid article{background:radial-gradient(circle at 100% 0,#25c2a01f,#0000 32%),#fff;border:1px solid #e4edf6;border-radius:20px;align-content:start;gap:12px;min-height:190px;padding:18px;display:grid}.data-action-grid strong{color:#0f172a;font-size:17px}.data-action-grid p{color:#68788d;margin:0;line-height:1.7}.data-action-grid button{align-self:end;width:fit-content}.data-action-modal{gap:18px;display:grid}.data-action-modal>section{background:#f8fbfd;border:1px solid #e4edf6;border-radius:18px;gap:8px;padding:16px;display:grid}.data-action-modal>section strong{color:#0f172a;font-size:17px}.data-action-modal>section p{color:#68788d;margin:0;line-height:1.7}.data-action-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.data-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.data-preview-grid article{background:#fff;border:1px solid #e4edf6;border-radius:18px;align-content:start;gap:10px;padding:14px;display:grid}.data-preview-grid h3{color:#0f172a;margin:0 0 4px;font-size:15px}.data-preview-grid article>div{background:#f8fbfd;border-radius:14px;gap:5px;padding:10px;display:grid}.data-preview-grid span{color:#68788d;font-size:12px}.data-preview-grid strong{color:#0f172a;line-height:1.55}.data-preview-grid em{color:#178f78;background:#e3f8f3;border-radius:999px;width:fit-content;padding:4px 8px;font-size:12px;font-style:normal;font-weight:900}.relation-panel,.module-process-panel{overflow:hidden}.module-process-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1fr);gap:14px;padding:20px;display:grid}.module-process-grid article{background:#f8fbfd;border:1px solid #e4edf6;border-radius:20px;align-content:start;gap:12px;min-height:220px;padding:16px;display:grid}.module-process-grid strong{color:#0f172a;font-size:15px}.workflow-mini-list{gap:8px;display:grid}.workflow-mini-list span{color:#17415c;background:#fff;border-radius:14px;gap:4px;padding:10px;font-size:12px;font-weight:950;display:grid}.workflow-mini-list em{color:#68788d;font-size:11px;font-style:normal;font-weight:800;line-height:1.45}.relation-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px;display:grid}.relation-grid article{background:radial-gradient(circle at 100% 0,#25c2a01a,#0000 32%),#fff;border:1px solid #e4edf6;border-radius:20px;align-content:start;gap:10px;min-height:190px;padding:16px;display:grid}.relation-grid strong{color:#0f172a;font-size:16px}.relation-grid>article>span{color:#68788d;font-size:13px;line-height:1.6}.data-link-panel{overflow:hidden}.data-link-flow{scrollbar-width:thin;gap:10px;padding:20px;display:flex;overflow:auto}.data-link-flow span{color:#17415c;background:#f8fbfd;border:1px solid #e4edf6;border-radius:999px;align-items:center;gap:8px;min-width:max-content;padding:12px 14px;font-weight:900;display:inline-flex}.data-link-flow em{color:#fff;background:#178f78;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-style:normal;display:grid}.data-center-layout{grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);align-items:start;gap:20px;display:grid}.id-rule-list,.data-record-list{gap:12px;padding:18px;display:grid}.id-rule-list article{background:#fff;border:1px solid #e4edf6;border-radius:18px;grid-template-columns:64px minmax(0,1fr) minmax(120px,.8fr);align-items:center;gap:12px;padding:14px;display:grid}.id-rule-list article>strong{color:#178f78;background:#e3f8f3;border-radius:14px;place-items:center;height:42px;display:grid}.id-rule-list b,.data-record-list strong{color:#0f172a;display:block}.id-rule-list span,.id-rule-list small,.data-record-list span,.data-record-list small{color:#68788d;line-height:1.6}.data-record-list article{background:#fff;border:1px solid #e4edf6;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(170px,.7fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.workflow-engine-card-large strong{font-size:18px}.workflow-engine-card-large small,.workflow-engine-card-large span{line-height:1.7}.workflow-engine-meta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.workflow-engine-meta em{color:#24506c;background:#eaf2f9;border-radius:999px;padding:6px 9px;font-size:12px;font-style:normal;font-weight:900}.workflow-engine-actions{justify-items:end;gap:10px;display:grid}.workflow-detail{gap:18px;display:grid}.workflow-node-flow{background:#f8fbfd;border:1px solid #e4edf6;border-radius:20px;flex-wrap:wrap;gap:10px;padding:16px;display:flex}.workflow-node-flow span{color:#fff;background:linear-gradient(135deg,#17415c,#178f78);border-radius:14px;padding:10px 12px;font-size:12px;font-weight:900;position:relative}.workflow-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.workflow-detail-grid article{background:#fff;border:1px solid #e4edf6;border-radius:18px;gap:12px;padding:16px;display:grid}.workflow-detail-grid strong{color:#0f172a}.link-button{color:#178f78;background:0 0;border:0;font-weight:900}.row-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.danger-link{color:#b42318;background:0 0;border:0;font-weight:900}.danger-button{color:#b42318;background:#fff1f0;border:1px solid #ffd2cc;border-radius:14px;min-height:42px;padding:0 16px;font-weight:900}.assign-user-toolbar{background:#f8fbfd;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:14px;display:flex}.assign-user-toolbar p{color:#68788d;margin:0;line-height:1.6}.assign-user-list{gap:12px;display:grid}.assign-user-item{background:#fff;border:1px solid #e4edf6;border-radius:18px;grid-template-columns:18px 34px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0;padding:14px;display:grid}.assign-user-item input{width:16px;height:16px;min-height:16px;padding:0}.assign-user-item strong{color:#0f172a;display:block}.assign-user-item em{color:#68788d;margin-top:3px;font-size:12px;font-style:normal;display:block}.move-user-panel{gap:16px;display:grid}.department-select-list{background:#f8fbfd;border:1px solid #e4edf6;border-radius:14px;gap:8px;max-height:440px;padding:10px;display:grid;overflow-y:auto}.level-select-list{background:#f8fbfd;border:1px solid #e4edf6;border-radius:18px;gap:10px;padding:12px;display:grid}.department-select-item{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e4edf6;border-radius:12px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;margin:0;padding:11px 14px;font-size:14px;font-weight:500;display:grid}.department-select-item input{width:16px;height:16px;min-height:16px;padding:0}.department-select-item strong,.department-select-item small{display:block}.department-select-item strong{color:#0f172a;font-size:15px;font-weight:700}.department-select-item small{color:#68788d;margin-top:4px;font-size:12px;font-weight:500}.department-select-item em{color:#2f6fed;margin-top:4px;font-size:11px;font-style:normal;font-weight:850;display:block}.department-select-group{background:#fff;border:1px solid #e4edf6;border-radius:14px;overflow:visible}.department-select-group.selected{background:#f4f8ff;border-color:#2f6fed73}.department-select-group .department-select-item{background:0 0;border:none;border-radius:0}.dept-subgroup-chips{border-top:1px dashed #2f6fed2e;gap:6px;padding:8px 12px 10px 14px;display:grid}.dept-subgroup-chips-label{color:#17415c;font-size:11px;font-weight:700}.dept-subgroup-chips-list{flex-wrap:wrap;gap:6px;display:flex}.dept-subgroup-chip-wrap{gap:4px;display:grid}.dept-subgroup-chip{color:#31546b;cursor:pointer;background:#fff;border:1px solid #dbeaf1;border-radius:999px;min-height:36px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s}.dept-subgroup-chip:hover{background:#f0f6ff;border-color:#2f6fed80}.dept-subgroup-chip.active{color:#fff;background:#2f6fed;border-color:#0000}.dept-subgroup-chips-sub{flex-wrap:wrap;gap:4px;padding-left:4px;display:flex}.dept-subgroup-chip.sub{color:#5a6778;background:#f8fbfd;border:1px dashed #cfdcea;min-height:32px;padding:4px 10px;font-size:11px;font-weight:600}.dept-subgroup-chip.sub.active{color:#fff;background:#4c8af0;border-color:#0000}.import-panel{gap:16px;display:grid}.import-actions-row{align-items:stretch;gap:12px;display:flex}.import-actions-row .file-drop{flex:1}.file-drop{text-align:center;background:#f8fbfd;border:1px dashed #9eb5cc;border-radius:22px;gap:8px;padding:24px;display:grid}.file-drop input{background:#fff;border:1px solid #d6e0eb;width:100%;padding:12px}.file-drop strong{color:#0f172a;font-size:18px}.file-drop span,.import-preview small,.import-error{color:#68788d;line-height:1.6}.import-error{color:#b42318;margin:0;font-weight:800}.import-preview{background:#fff;border:1px solid #e4edf6;border-radius:18px;gap:10px;max-height:260px;padding:14px;display:grid;overflow:auto}.import-preview>strong{color:#0f172a}.import-preview article{background:#f8fbfd;border-radius:14px;gap:4px;padding:10px 12px;display:grid}.import-preview span{color:#233044;font-weight:900}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09182b75;justify-content:flex-end;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{background:#fffffff5;border:1px solid #ffffff9e;border-radius:28px;width:min(760px,100%);height:100%;padding:28px;overflow-y:auto;box-shadow:0 30px 90px #03132147}.layout-modal-backdrop{z-index:35;justify-content:center;align-items:center}.layout-settings-panel{width:min(1120px,100%);height:min(92vh,820px)}.layout-settings-workbench{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:18px;display:grid}.layout-settings-list{gap:14px;display:grid}.module-layout-tabs{background:#f8fbfd;border:1px solid #e4edf6;border-radius:18px;flex-wrap:wrap;gap:10px;margin-bottom:18px;padding:12px;display:flex}.module-layout-tabs button{color:#24506c;background:#fff;border:1px solid #d6e0eb;border-radius:999px;min-height:36px;padding:0 14px;font-size:13px;font-weight:900}.module-layout-tabs button.active{color:#fff;background:linear-gradient(135deg,#25c2a0,#178f78);border-color:#0000;box-shadow:0 10px 24px #25c2a033}.layout-setting-card{cursor:grab;background:linear-gradient(#fff,#f8fbfd);border:1px solid #e4edf6;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s,opacity .18s;display:grid}.layout-setting-card:hover{border-color:#25c2a061;transform:translateY(-2px);box-shadow:0 14px 32px #142b4814}.layout-setting-card.dragging{opacity:.55;cursor:grabbing}.layout-setting-card.hidden-panel{opacity:.58;background:#f1f5f9}.layout-setting-card.fixed-panel{cursor:default;background:radial-gradient(circle at 100% 0,#2f6fed1f,#0000 34%),#f8fbff;border-color:#2f6fed47}.layout-setting-card.fixed-panel:hover{box-shadow:none;transform:none}.layout-setting-card.fixed-panel .layout-drag-grip{color:#2f6fed;letter-spacing:0}.layout-setting-card.fixed-panel .layout-drag-grip:before{content:"锁"}.layout-setting-card.fixed-panel .layout-drag-grip{font-size:0}.layout-setting-card.fixed-panel .layout-drag-grip:before{font-size:13px;font-weight:950}.layout-drag-grip{color:#9aa8b8;letter-spacing:-.15em;font-size:18px;font-weight:900}.layout-setting-card.size-large{background:linear-gradient(135deg,#f0fdfa,#fff);border-color:#25c2a05c}.layout-setting-card.size-compact{opacity:.88}.layout-setting-main{gap:5px;display:grid}.layout-setting-main strong{color:#0f172a;font-size:16px}.layout-setting-main span{color:#68788d;font-size:13px;line-height:1.6}.layout-setting-main em{color:#178f78;background:#e3f8f3;border-radius:999px;width:fit-content;padding:4px 9px;font-size:11px;font-style:normal;font-weight:900}.layout-setting-actions,.layout-size-controls{justify-content:flex-end;gap:8px;display:flex}.layout-setting-actions button,.layout-size-controls button{color:#24506c;background:#fff;border:1px solid #d6e0eb;border-radius:999px;min-height:34px;padding:0 12px;font-size:12px;font-weight:900}.layout-setting-actions button:disabled{cursor:not-allowed;color:#9aa8b8;background:#f1f5f9}.layout-setting-actions .visibility-on{color:#b91c1c;background:#fff5f5;border-color:#fecaca}.layout-setting-actions .visibility-off{color:#178f78;background:#e3f8f3;border-color:#25c2a047}.layout-size-controls{grid-column:1/-1;justify-content:flex-start}.layout-size-controls button.active{color:#fff;background:linear-gradient(135deg,#25c2a0,#178f78);border-color:#0000;box-shadow:0 10px 22px #25c2a033}.layout-drag-track{cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#e8eef5;border-radius:999px;grid-column:1/-1;height:16px;position:relative}.layout-drag-fill{background:linear-gradient(90deg,#25c2a0,#2f6fed);border-radius:999px;height:100%}.layout-drag-handle{background:#178f78;border:3px solid #fff;border-radius:50%;width:26px;height:26px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 8px 20px #142b4838}.layout-preview-panel{background:radial-gradient(circle at 80% 0,#25c2a024,#0000 30%),#f8fbfd;border:1px solid #25c2a033;border-radius:22px;gap:14px;padding:18px;display:grid;position:sticky;top:0}.layout-preview-title h3{color:#0f172a;margin:6px 0 0}.layout-preview-screen{background-color:#fff;background-image:linear-gradient(90deg,#25c2a00f 1px,#0000 1px),linear-gradient(0deg,#2f6fed0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #dbe6f0;border-radius:18px;gap:10px;padding:14px;display:grid}.layout-preview-block{background:linear-gradient(135deg,#fff,#f0fdfa);border:1px solid #e4edf6;border-radius:14px;gap:4px;padding:12px;display:grid}.layout-preview-block.compact{min-height:44px}.layout-preview-block.standard{min-height:66px}.layout-preview-block.large{background:linear-gradient(135deg,#e3f8f3,#fff);border-color:#25c2a05c;min-height:98px}.layout-preview-block.hidden{opacity:.42;background:#f1f5f9;text-decoration:line-through}.layout-preview-block strong{color:#0f172a;font-size:13px}.layout-preview-block span{color:#68788d;font-size:11px;line-height:1.5}.layout-preview-note{color:#68788d;margin:0;font-size:12px;line-height:1.6}.management-toolbar{background:linear-gradient(#fff,#f8fbfd),radial-gradient(circle at 100% 0,#25c2a01f,#0000 34%);border:1px solid #e4edf6;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.management-toolbar strong{color:#0f172a;font-size:16px;display:block}.management-toolbar span{color:#68788d;margin-top:5px;font-size:13px;line-height:1.6;display:block}.management-list{gap:12px;max-height:46vh;padding-right:6px;display:grid;overflow:auto}.management-row{background:#fff;border:1px solid #e4edf6;border-radius:18px;grid-template-columns:minmax(180px,1.2fr) minmax(160px,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.management-row strong,.management-group header strong,.management-user-card strong{color:#0f172a}.management-row span,.management-group header span,.management-user-card span{color:#68788d;margin-top:4px;font-size:12px;line-height:1.5;display:block}.management-row input,.merge-department-panel select{color:#0f172a;background:#f8fbfd;border:1px solid #d6e0eb;border-radius:12px;width:100%;min-height:40px;padding:0 12px}.merge-department-panel{background:linear-gradient(135deg,#f0fdfa,#fff);border:1px solid #25c2a042;border-radius:20px;grid-template-columns:minmax(220px,1.4fr) minmax(150px,1fr) minmax(150px,1fr) auto;align-items:end;gap:12px;margin-top:16px;padding:16px;display:grid}.merge-department-panel h3{color:#0f172a;margin:4px 0}.merge-department-panel>div>span{color:#68788d;font-size:12px;line-height:1.6}.merge-department-panel label{color:#24506c;gap:7px;font-size:12px;font-weight:900;display:grid}.management-group{background:#fff;border:1px solid #e4edf6;border-radius:20px;gap:10px;padding:14px;display:grid}.management-group header{justify-content:space-between;align-items:center;gap:12px;display:flex}.management-user-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.management-user-card{background:linear-gradient(#fff,#fbfefd);border:1px solid #e4edf6;border-radius:18px;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:13px;display:grid}.management-user-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;padding-left:42px;display:flex}.cockpit-screen-page{background:radial-gradient(80% 50% at 20% 0,#14b8a61a,#0000 60%),radial-gradient(60% 40% at 85% 5%,#3b82f614,#0000 50%),radial-gradient(70% 50% at 50% 100%,#10b9810d,#0000 60%),linear-gradient(160deg,#0a0f1a 0%,#0d1521 40%,#0b121d 100%);border-radius:24px;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;gap:18px;padding:28px;display:grid;position:relative}.cockpit-screen-page:before{content:"";pointer-events:none;background:linear-gradient(#ffffff04 0%,#0000 30%);border-radius:24px;position:absolute;inset:0}.cockpit-screen-hero,.cockpit-core-domains{grid-column:span 12}.cockpit-batch-section{grid-column:span 7}.cockpit-supply-ranking-section{grid-column:span 5}.cockpit-screen-bottom{grid-column:span 12}.cockpit-sticky-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:linear-gradient(#ffffff14,#ffffff09),#091626c7;border:1px solid #81c5ff2e;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;display:flex;position:sticky;top:0;box-shadow:0 12px 40px #00000038}.cockpit-header-left h1{color:#f8fbff;letter-spacing:.02em;margin:0 0 4px;font-size:22px}.cockpit-header-left span{color:#69e6c8;letter-spacing:.08em;font-size:12px}.cockpit-header-kpis{flex-wrap:wrap;gap:12px;display:flex}.cockpit-header-kpi{background:#0813229e;border:1px solid #69e6c829;border-radius:12px;flex-direction:column;gap:2px;min-width:110px;padding:8px 16px;display:flex}.cockpit-header-kpi span{color:#9fb3c8;font-size:11px}.cockpit-header-kpi strong{color:#f8fbff;font-size:20px}.cockpit-header-kpi.green strong{color:#6ee7b7}.cockpit-header-kpi.blue strong{color:#93c5fd}.cockpit-header-kpi.cyan strong{color:#67e8f9}.cockpit-header-kpi.gold strong{color:#fcd34d}.cockpit-tab-bar{border-bottom:2px solid #81c5ff2e;gap:0;padding:0 4px;display:flex;overflow-x:auto}.cockpit-tab-btn{color:#9fb3c8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;min-height:44px;margin-bottom:-2px;padding:12px 22px;font-size:14px;font-weight:500;transition:color .2s,border-color .2s;display:flex}.cockpit-tab-btn:hover{color:#f8fbff}.cockpit-tab-btn.active{color:#69e6c8;border-bottom-color:#69e6c8;font-weight:600}.cockpit-screen-page .panel-title h2,.cockpit-screen-page h1,.cockpit-screen-page h2,.cockpit-screen-page h3{color:#f8fbff}.cockpit-screen-page .eyebrow,.cockpit-screen-page .panel-title p{color:#69e6c8}.cockpit-screen-hero,.cockpit-core-domains,.cockpit-batch-section,.cockpit-supply-ranking-section,.cockpit-screen-bottom{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffff0d,#ffffff04),#0d1521b8;border:1px solid #94a3b81a;border-radius:20px;transition:border-color .3s,box-shadow .3s;box-shadow:inset 0 1px #ffffff0a,0 20px 48px #0003}.cockpit-screen-hero:hover,.cockpit-core-domains:hover,.cockpit-batch-section:hover,.cockpit-supply-ranking-section:hover,.cockpit-screen-bottom:hover{border-color:#94a3b82e;box-shadow:inset 0 1px #ffffff0f,0 24px 56px #0000003d}.cockpit-screen-hero,.cockpit-core-domains,.cockpit-batch-section,.cockpit-supply-ranking-section,.cockpit-screen-bottom,.cockpit-iot-section,.cockpit-workflow-live{border-left:none}.cockpit-tier-header{border-radius:8px;grid-column:span 12;align-items:center;gap:12px;margin-top:4px;padding:8px 0 8px 4px;display:flex}.cockpit-tier-header .tier-header-icon{border-radius:3px;flex-shrink:0;width:6px;height:24px;display:inline-block}.cockpit-tier-header strong{letter-spacing:.08em;font-size:15px;font-weight:700}.cockpit-tier-header em{opacity:.5;letter-spacing:.02em;font-size:11px;font-style:normal}.cockpit-tier-header[data-tier=strategic]{color:#7dd3fc}.cockpit-tier-header[data-tier=strategic] .tier-header-icon{background:linear-gradient(#38bdf8,#0ea5e9);box-shadow:0 0 8px #38bdf84d}.cockpit-tier-header[data-tier=operational]{color:#6ee7b7}.cockpit-tier-header[data-tier=operational] .tier-header-icon{background:linear-gradient(#34d399,#10b981);box-shadow:0 0 8px #34d3994d}.cockpit-tier-header[data-tier=support]{color:#fcd34d}.cockpit-tier-header[data-tier=support] .tier-header-icon{background:linear-gradient(#fbbf24,#f59e0b);box-shadow:0 0 8px #fbbf244d}.cockpit-health-ring{background:#10b9810f;border:1px solid #10b98126;border-radius:12px;align-items:center;gap:24px;margin-top:20px;padding:16px 20px;display:flex}.health-ring-visual{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;animation:3s ease-in-out infinite ring-pulse;display:flex}@keyframes ring-pulse{0%,to{box-shadow:0 0 12px #10b9814d}50%{box-shadow:0 0 24px #10b98199}}.health-ring-inner{background:#0d1117;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.health-ring-inner strong{color:#10b981;text-shadow:0 0 12px #10b98180;font-size:28px;font-weight:800;line-height:1}.health-ring-inner span{color:#6b7280;margin-top:2px;font-size:10px}.health-ring-detail{flex:1}.health-ring-detail h3{color:#f8fbff;margin:4px 0 8px;font-size:18px}.health-ring-tags{flex-wrap:wrap;gap:8px;display:flex}.health-ring-tags span{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.tag-green{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.tag-blue{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f64d}.tag-gold{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b4d}.cockpit-iot-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffff0d,#ffffff04),#0d1521b8;border:1px solid #94a3b81a;border-radius:20px;grid-column:span 6;padding:24px;transition:border-color .3s,box-shadow .3s;box-shadow:inset 0 1px #ffffff0a,0 20px 48px #0003}.cockpit-iot-section:hover{border-color:#94a3b82e}.cockpit-factory-probes-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffff0d,#ffffff04),#0d1521b8;border:1px solid #94a3b81a;border-radius:20px;grid-column:span 6;padding:24px;transition:border-color .3s,box-shadow .3s;box-shadow:inset 0 1px #ffffff0a,0 20px 48px #0003}.cockpit-factory-probes-section:hover{border-color:#94a3b82e}.probe-type-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.probe-type-badge{letter-spacing:.02em;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.probe-type-badge.probe-type-security{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f640}.probe-type-badge.probe-type-environment{color:#86efac;background:#22c55e26;border:1px solid #22c55e40}.probe-type-badge.probe-type-fire{color:#fca5a5;background:#ef444426;border:1px solid #ef444440}.probe-type-badge.probe-type-access{color:#c4b5fd;background:#a855f726;border:1px solid #a855f740}.probe-type-badge.probe-type-perimeter{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b40}.probe-type-badge.probe-type-utility{color:#67e8f9;background:#06b6d426;border:1px solid #06b6d440}.probe-stats-bar{background:#94a3b814;border-radius:12px;gap:1px;margin:14px 0;display:flex;overflow:hidden}.probe-stat-item{background:#0d152199;flex-direction:column;flex:1;align-items:center;padding:10px 4px;display:flex}.probe-stat-item span{color:#94a3b8b3;margin-bottom:4px;font-size:11px}.probe-stat-item strong{color:#f8fbff;font-size:22px}.probe-stat-item .probe-online{color:#4ade80}.probe-stat-item .probe-pending{color:#fbbf24}.probe-type-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.probe-type-grid.popup-grid{grid-template-columns:repeat(6,1fr)}.probe-type-card{cursor:pointer;background:#0d152180;border:1px solid #94a3b814;border-radius:12px;flex-direction:column;align-items:center;padding:12px 6px;transition:transform .2s,border-color .2s;display:flex}.probe-type-card:hover{transform:translateY(-2px)}.probe-type-card .probe-type-icon{margin-bottom:4px;font-size:20px}.probe-type-card strong{color:#f8fbff;font-size:20px}.probe-type-card small{color:#94a3b8b3;margin-top:2px;font-size:10px}.probe-type-card.probe-type-security{border-left:3px solid #3b82f680}.probe-type-card.probe-type-environment{border-left:3px solid #22c55e80}.probe-type-card.probe-type-fire{border-left:3px solid #ef444480}.probe-type-card.probe-type-access{border-left:3px solid #a855f780}.probe-type-card.probe-type-perimeter{border-left:3px solid #f59e0b80}.probe-type-card.probe-type-utility{border-left:3px solid #06b6d480}.probe-type-card.popup-card{cursor:default}.probe-list-compact{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.probe-list-item{cursor:pointer;background:#0d152166;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;transition:background .2s;display:flex}.probe-list-item:hover{background:#94a3b814}.probe-status-led{border-radius:50%;flex-shrink:0;width:8px;height:8px}.probe-led-online{background:#4ade80;animation:2s ease-in-out infinite led-breathe;box-shadow:0 0 6px #4ade8099}.probe-led-pending{background:#fbbf24}.probe-led-offline{background:#6b7280}.probe-item-icon{flex-shrink:0;font-size:14px}.probe-item-info{flex:1;min-width:0}.probe-item-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.probe-item-meta{color:#94a3b899;font-size:10px}.probe-item-proto{color:#94a3b8e6;background:#94a3b81f;border-radius:4px;flex-shrink:0;padding:2px 6px;font-family:SF Mono,JetBrains Mono,monospace;font-size:10px}.probe-list-more{text-align:center;color:#94a3b899;cursor:pointer;padding:6px;font-size:11px}.probe-grouped-list{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.probe-group{border:1px solid #94a3b81a;border-radius:12px;overflow:hidden}.probe-group-header{align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.probe-group-header span{font-size:16px}.probe-group-header strong{color:#f8fbff}.probe-group-header em{color:#94a3b899;margin-left:auto;font-size:11px;font-style:normal}.probe-group-header.probe-type-security{background:#3b82f61a;border-bottom:2px solid #3b82f64d}.probe-group-header.probe-type-environment{background:#22c55e1a;border-bottom:2px solid #22c55e4d}.probe-group-header.probe-type-fire{background:#ef44441a;border-bottom:2px solid #ef44444d}.probe-group-header.probe-type-access{background:#a855f71a;border-bottom:2px solid #a855f74d}.probe-group-header.probe-type-perimeter{background:#f59e0b1a;border-bottom:2px solid #f59e0b4d}.probe-group-header.probe-type-utility{background:#06b6d41a;border-bottom:2px solid #06b6d44d}.probe-group-body{padding:6px 10px}.probe-group-item{border-bottom:1px solid #94a3b80d;align-items:center;gap:8px;padding:6px 4px;display:flex}.probe-group-item:last-child{border-bottom:none}.probe-group-item .probe-item-name{font-size:12px}.probe-group-item .probe-item-meta{font-size:10px}.cockpit-workflow-live{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffff0d,#ffffff04),#0d1521b8;border:1px solid #94a3b81a;border-radius:20px;grid-column:span 12;padding:24px;transition:border-color .3s,box-shadow .3s;box-shadow:inset 0 1px #ffffff0a,0 20px 48px #0003}.cockpit-workflow-live:hover{border-color:#94a3b82e}.iot-protocol-badges{flex-wrap:wrap;gap:6px;display:flex}.iot-protocol-badge{letter-spacing:.06em;border-radius:6px;padding:4px 12px;font-family:SF Mono,Consolas,JetBrains Mono,monospace;font-size:10px;font-weight:600}.iot-proto-mqtt{color:#c4b5fd;background:#a855f71a;border:1px solid #a855f733}.iot-proto-modbus{color:#7dd3fc;background:#38bdf81a;border:1px solid #38bdf833}.iot-proto-opcua{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98133}.iot-proto-http{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b33}.iot-proto-pending{color:#94a3b8;background:#64748b1a;border:1px solid #64748b33}.iot-stats-bar{background:#94a3b814;border:1px solid #94a3b80f;border-radius:14px;gap:1px;margin:18px 0;padding:0;display:flex;overflow:hidden}.iot-stat-item{text-align:center;background:#0d152180;flex:1;padding:14px 8px}.iot-stat-item span{color:#6b7280;margin-bottom:4px;font-size:11px;display:block}.iot-stat-item strong{color:#f8fbff;font-size:24px;font-weight:800}.iot-online{text-shadow:0 0 8px #10b98166;color:#10b981!important}.iot-pending{color:#f59e0b!important}.iot-device-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.iot-device-card{background:#ffffff06;border:1px solid #94a3b814;border-radius:14px;padding:14px;transition:border-color .25s,box-shadow .25s,transform .25s}.iot-device-card:hover{border-color:#38bdf840;transform:translateY(-1px);box-shadow:0 4px 20px #38bdf814}.iot-device-card.iot-status-pending{border-color:#f59e0b26}.iot-device-card.iot-status-online{border-color:#10b98140;box-shadow:0 0 12px #10b98114}.iot-device-card header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.iot-device-name{color:#f8fbff;font-size:14px;font-weight:700;display:block}.iot-device-id{color:#4b5563;margin-top:2px;font-family:SF Mono,Consolas,monospace;font-size:10px;display:block}.iot-status-led{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.iot-led-pending{background:#f59e0b;animation:2s ease-in-out infinite led-breathe;box-shadow:0 0 6px #f59e0b66}.iot-led-online{background:#10b981;box-shadow:0 0 8px #10b98199}.iot-led-offline{opacity:.5;background:#ef4444}@keyframes led-breathe{0%,to{opacity:.6}50%{opacity:1;box-shadow:0 0 12px #f59e0b99}}.iot-sensor-list{flex-direction:column;gap:6px;display:flex}.iot-sensor-row{background:#ffffff05;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.iot-sensor-type{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.iot-sensor-value{flex-shrink:0;align-items:baseline;gap:3px;display:flex}.iot-sensor-value strong{color:#e5e7eb;font-size:14px;font-weight:700}.iot-sensor-value small{color:#4b5563;font-size:10px}.iot-sensor-range{color:#374151;flex-shrink:0;font-family:SF Mono,Consolas,monospace;font-size:9px}.iot-device-card footer{border-top:1px solid #ffffff0d;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.iot-protocol-tag{color:#93c5fd;background:#3b82f626;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:700}.iot-type-tag{color:#4b5563;text-transform:uppercase;font-size:9px}.iot-last-update{color:#374151;margin-left:auto;font-size:9px}.iot-reserve-note{background:linear-gradient(135deg,#3b82f60f,#a855f70a);border:1px dashed #3b82f633;border-radius:10px;align-items:flex-start;gap:12px;margin-top:16px;padding:12px 16px;display:flex}.iot-reserve-icon{flex-shrink:0;font-size:24px}.iot-reserve-note strong{color:#93c5fd;margin-bottom:4px;font-size:13px;display:block}.iot-reserve-note p{color:#6b7280;font-size:11px;line-height:1.5}.iot-device-grid-compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:10px!important}.iot-device-grid-compact .iot-device-card{cursor:pointer;padding:10px 12px}.iot-device-grid-compact .iot-device-card:hover{border-color:#38bdf866;transform:translateY(-2px);box-shadow:0 4px 16px #38bdf81f}.iot-device-grid-compact .iot-device-name{font-size:13px}.iot-device-grid-compact .iot-device-id{font-size:10px}.cockpit-popup-trigger{color:#38bdf8;cursor:pointer;text-align:center;background:linear-gradient(135deg,#38bdf81a,#6366f11a);border:1px solid #38bdf833;border-radius:10px;width:100%;margin-top:16px;padding:12px 20px;font-size:13px;font-weight:500;transition:all .25s;display:block}.cockpit-popup-trigger:hover{background:linear-gradient(135deg,#38bdf82e,#6366f12e);border-color:#38bdf866;box-shadow:0 4px 20px #38bdf81a}.cockpit-popup-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#000000a6;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.cockpit-popup-modal{background:#0f172a;border:1px solid #94a3b826;border-radius:16px;flex-direction:column;width:100%;max-width:1200px;max-height:calc(100vh - 80px);animation:.3s ease-out cockpit-popup-in;display:flex;box-shadow:0 24px 60px #00000080}@keyframes cockpit-popup-in{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cockpit-popup-header{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.cockpit-popup-header h2{color:#f1f5f9;margin:0 0 4px;font-size:18px;font-weight:600}.cockpit-popup-header p{color:#94a3b8;margin:0;font-size:12px}.cockpit-popup-close{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;flex-shrink:0;min-height:44px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.cockpit-popup-close:hover{background:#ef444433;border-color:#ef444466}.cockpit-popup-body{flex:1;padding:20px 24px;overflow-y:auto}.cockpit-popup-body .iot-device-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (width<=768px){.cockpit-popup-overlay{padding:0}.cockpit-popup-modal{border-radius:0;height:100vh;max-height:100vh}.cockpit-popup-header{padding:14px 16px}.cockpit-popup-header h2{font-size:15px}.cockpit-popup-body{padding:14px 16px}.cockpit-popup-body .iot-device-grid{grid-template-columns:1fr}.iot-device-grid-compact{grid-template-columns:repeat(2,1fr)!important}}.iot-pipeline-flow{background:#ffffff05;border:1px solid #94a3b80f;border-radius:14px;justify-content:space-between;align-items:center;gap:0;margin:20px 0 24px;padding:18px 24px;display:flex}.iot-pipeline-node{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.iot-pipeline-icon{background:#38bdf814;border:1px solid #38bdf826;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.iot-pipeline-node:nth-child(3) .iot-pipeline-icon{background:#a855f714;border-color:#a855f726}.iot-pipeline-node:nth-child(5) .iot-pipeline-icon{background:#10b98114;border-color:#10b98126}.iot-pipeline-node:nth-child(7) .iot-pipeline-icon{background:#f59e0b14;border-color:#f59e0b26}.iot-pipeline-label{color:#cbd5e1;text-align:center;font-size:11px;font-weight:600;line-height:1.3}.iot-pipeline-sub{color:#64748b;font-family:SF Mono,Consolas,monospace;font-size:9px}.iot-pipeline-arrow{background:linear-gradient(90deg,#38bdf84d,#a855f74d);border-radius:1px;flex:1;height:2px;margin:0 12px 22px;position:relative}.iot-pipeline-arrow:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #a855f766;width:0;height:0;position:absolute;top:-3px;right:-1px}.iot-db-section-title{border-bottom:1px solid #94a3b814;justify-content:space-between;align-items:center;margin:24px 0 12px;padding-bottom:10px;display:flex}.iot-db-section-title h3{color:#e2e8f0;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.iot-db-section-title h3:before{content:"";background:linear-gradient(#38bdf8,#0ea5e9);border-radius:2px;width:4px;height:14px;display:inline-block}.iot-db-section-title .iot-db-count{color:#64748b;font-family:SF Mono,Consolas,monospace;font-size:11px}.iot-db-table{border-collapse:collapse;width:100%;font-size:12px}.iot-db-table thead tr{border-bottom:1px solid #94a3b81f}.iot-db-table th{text-align:left;color:#64748b;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:10px 12px;font-size:10px;font-weight:600}.iot-db-table td{color:#cbd5e1;white-space:nowrap;border-bottom:1px solid #94a3b80a;padding:10px 12px}.iot-db-table tbody tr{transition:background .15s}.iot-db-table tbody tr:hover{background:#38bdf808}.iot-db-sensor-id{color:#7dd3fc;font-family:SF Mono,Consolas,JetBrains Mono,monospace;font-size:11px}.iot-db-value{color:#f1f5f9;font-weight:700}.iot-db-value-pending{color:#64748b;font-weight:400}.iot-db-status{border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.iot-db-status-pending{color:#fbbf24;background:#f59e0b1a}.iot-db-status-online{color:#34d399;background:#10b9811a}.iot-db-status:before{content:"";border-radius:50%;width:6px;height:6px}.iot-db-status-pending:before{background:#fbbf24;box-shadow:0 0 4px #fbbf2480}.iot-db-status-online:before{background:#34d399;box-shadow:0 0 4px #34d39980}.iot-db-threshold{color:#475569;font-family:SF Mono,Consolas,monospace;font-size:10px}.iot-db-protocol{color:#94a3b8;background:#94a3b814;border-radius:3px;padding:2px 6px;font-family:SF Mono,Consolas,monospace;font-size:10px}.iot-type-summary{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:16px;display:grid}.iot-type-card{text-align:center;background:#ffffff05;border:1px solid #94a3b80f;border-radius:10px;padding:12px 14px}.iot-type-card span{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:10px;display:block}.iot-type-card strong{color:#e2e8f0;font-size:20px;font-weight:700}.iot-type-card em{color:#475569;margin-top:2px;font-size:9px;font-style:normal;display:block}.iot-roadmap{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.iot-roadmap-phase{background:#ffffff05;border:1px solid #94a3b80f;border-radius:12px;padding:14px 16px;position:relative;overflow:hidden}.iot-roadmap-phase:before{content:"";width:3px;height:100%;position:absolute;top:0;left:0}.iot-roadmap-phase.phase-1:before{background:#38bdf8}.iot-roadmap-phase.phase-2:before{background:#a78bfa}.iot-roadmap-phase.phase-3:before{background:#34d399}.iot-roadmap-phase h4{color:#e2e8f0;margin:0 0 6px;font-size:12px;font-weight:600}.iot-roadmap-phase .phase-tag{color:#64748b;margin-bottom:8px;font-family:SF Mono,Consolas,monospace;font-size:9px;display:block}.iot-roadmap-phase p{color:#94a3b8;margin:0;font-size:11px;line-height:1.5}.wf-live-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.wf-live-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:14px}.wf-live-card .panel-title{margin-bottom:12px}.wf-live-card .panel-title h3{color:#f8fbff;margin:4px 0 0;font-size:14px}.wf-status-bars,.wf-heatmap-list,.wf-pipeline-list,.wf-ar-list{flex-direction:column;gap:6px;display:flex}.wf-status-row,.wf-heatmap-row,.wf-ar-row{align-items:center;gap:8px;display:flex}.wf-status-label,.wf-heatmap-node,.wf-ar-label,.wf-pipeline-name{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.wf-status-label{flex-shrink:0;width:60px}.wf-heatmap-node{flex:1;min-width:0}.wf-ar-label{flex-shrink:0;width:80px}.wf-status-bar-bg,.wf-heatmap-bar-bg,.wf-ar-bar-bg{background:#ffffff0a;border-radius:5px;flex:1;height:10px;overflow:hidden}.wf-status-bar-bg i,.wf-heatmap-bar-bg i,.wf-ar-bar-bg i{border-radius:5px;height:100%;transition:width .6s;display:block}.wf-bar-in_progress{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.wf-bar-completed{background:linear-gradient(90deg,#10b981,#34d399)}.wf-bar-pending,.wf-bar-todo{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.wf-bar-rejected,.wf-bar-cancelled,.wf-heat-high{background:linear-gradient(90deg,#ef4444,#f87171)}.wf-heat-mid{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.wf-heat-low{background:linear-gradient(90deg,#10b981,#34d399)}.wf-ar-bar{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.wf-heatmap-rank{color:#93c5fd;background:#3b82f626;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.wf-status-row strong,.wf-heatmap-row strong,.wf-ar-row strong{color:#f8fbff;text-align:right;flex-shrink:0;width:32px;font-size:13px;font-weight:700}.wf-ar-row small{color:#4b5563;text-align:right;width:32px;font-size:10px}.wf-pipeline-row{background:#ffffff05;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.wf-pipeline-stats{gap:4px;display:flex}.wf-pipe-stat{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.wf-pipe-total{color:#9ca3af;background:#6b728026}.wf-pipe-pending{color:#fcd34d;background:#f59e0b26}.wf-pipe-progress{color:#93c5fd;background:#3b82f626}.wf-pipe-done{color:#6ee7b7;background:#10b98126}.wf-empty{color:#4b5563;text-align:center;padding:20px;font-size:12px}@media (width<=1280px){.wf-live-grid{grid-template-columns:1fr}.iot-device-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (width<=768px){.cockpit-health-ring{text-align:center;flex-direction:column}.health-ring-tags{justify-content:center}.iot-stats-bar{flex-wrap:wrap;gap:8px}.iot-stat-item{min-width:45%}.iot-device-grid{grid-template-columns:1fr}}.cockpit-screen-title{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.cockpit-screen-title h1{letter-spacing:.03em;margin:6px 0 8px;font-size:30px}.cockpit-screen-title span,.cockpit-screen-clock span,.operation-kpi-card small,.operation-kpi-card em{color:#9fb3c8}.cockpit-screen-clock{text-align:right;background:#0813229e;border:1px solid #69e6c83d;border-radius:18px;min-width:190px;padding:14px 16px}.cockpit-screen-clock strong{color:#f8fbff;font-size:20px;display:block}.operation-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.operation-kpi-card{background:linear-gradient(#ffffff1a,#ffffff0a),radial-gradient(circle at 100% 0,#69e6c824,#0000 42%);border:1px solid #ffffff1f;border-radius:20px;gap:8px;min-height:150px;padding:16px;display:grid}.operation-kpi-card span{color:#c9d7e8;font-size:12px;font-weight:900}.operation-kpi-card strong{color:#fff;font-size:24px}.operation-kpi-card em{font-size:12px;font-style:normal;font-weight:800}.operation-kpi-card.green strong,.core-domain-card.production>header>strong{color:#69e6c8}.operation-kpi-card.blue strong,.core-domain-card.supply>header>strong{color:#81b7ff}.operation-kpi-card.cyan strong,.core-domain-card.quality>header>strong{color:#67e8f9}.operation-kpi-card.gold strong,.core-domain-card.energy>header>strong{color:#ffd66b}.core-domain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.core-domain-card{background:linear-gradient(#ffffff16,#ffffff09),radial-gradient(circle at 100% 0,#2f6fed2e,#0000 38%);border:1px solid #ffffff1f;border-radius:24px;gap:14px;min-height:390px;padding:18px;display:grid}.core-domain-card header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.core-domain-card header strong{white-space:nowrap;font-size:24px}.line-status-grid,.quality-kpi-grid,.supply-kpi-grid,.energy-kpi-grid,.staff-efficiency-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.line-status-card,.quality-kpi-grid>div,.supply-kpi-grid>div,.energy-kpi-grid>div,.staff-efficiency-grid>article{background:#08132285;border:1px solid #ffffff1a;border-radius:16px;padding:12px}.line-status-card span,.quality-kpi-grid span,.supply-kpi-grid span,.energy-kpi-grid span,.staff-efficiency-grid span{color:#9fb3c8;font-size:12px;font-weight:900;display:block}.line-status-card strong,.quality-kpi-grid strong,.supply-kpi-grid strong,.energy-kpi-grid strong,.staff-efficiency-grid strong{color:#f8fbff;margin-top:5px;font-size:18px;display:block}.line-status-card small,.quality-kpi-grid small,.supply-kpi-grid small,.energy-kpi-grid small,.staff-efficiency-grid small{color:#8fa5ba;margin-top:4px;display:block}.flow-lane{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.flow-node{background:#69e6c814;border:1px solid #69e6c833;border-radius:14px;justify-items:center;gap:6px;padding:10px 8px;display:grid}.flow-node span{color:#06121f;background:#69e6c8;border-radius:999px;place-items:center;width:24px;height:24px;font-weight:950;display:inline-grid}.flow-node strong{color:#dff8ff;text-align:center;font-size:12px}.mini-trend{background:#0813226b;border-radius:18px;align-items:end;gap:12px;height:120px;padding:16px 10px 0;display:flex}.trend-column{flex:1;grid-template-columns:1fr 1fr;align-items:end;gap:3px;height:100%;display:grid}.trend-column i,.trend-column b{border-radius:999px 999px 0 0;min-height:8px;display:block}.trend-column i{background:#69e6c8}.trend-column b{background:#81b7ff}.trend-column span{color:#8fa5ba;text-align:center;grid-column:1/-1;font-size:10px}.benchmark-list,.inventory-bars,.equipment-health-list{gap:10px;display:grid}.benchmark-row,.inventory-bars>div,.equipment-health-row{color:#c9d7e8;grid-template-columns:90px minmax(0,1fr) auto auto;align-items:center;gap:10px;font-size:12px;display:grid}.benchmark-row div,.inventory-bars div,.equipment-health-row div{background:#ffffff1f;border-radius:999px;height:9px;overflow:hidden}.benchmark-row i,.inventory-bars i,.equipment-health-row i{border-radius:inherit;background:linear-gradient(90deg,#69e6c8,#81b7ff);height:100%;display:block}.benchmark-row strong,.inventory-bars strong,.equipment-health-row strong{color:#f8fbff}.benchmark-row em,.equipment-health-row small{color:#8fa5ba;font-style:normal}.inventory-donut-list{flex-wrap:wrap;gap:8px;display:flex}.inventory-donut-list span{color:#c9d7e8;background:#ffffff14;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.batch-table{gap:8px;display:grid}.batch-table-head,.batch-table-row{border-radius:14px;grid-template-columns:1.2fr 1fr .7fr .7fr .8fr .7fr .7fr;align-items:center;gap:10px;padding:12px 14px;display:grid}.batch-table-head{color:#69e6c8;background:#69e6c814;font-size:12px;font-weight:950}.batch-table-row{color:#dbe8f5;background:#ffffff0e}.batch-table-row strong{color:#69e6c8}.batch-table-row.warning strong{color:#ffd66b}.batch-table-row.danger strong{color:#ff8a8a}.cockpit-supply-ranking-section,.cockpit-screen-bottom{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ranking-panel,.staff-efficiency-panel,.module-shortcut-panel{background:#08132280;border:1px solid #ffffff1f;border-radius:22px;gap:12px;padding:18px;display:grid}.cockpit-screen-page .cockpit-alert-panel{background:radial-gradient(circle at 0 0,#69e6c824,#0000 34%),linear-gradient(135deg,#052230f5,#031828fa);border:1px solid #69e6c82e;border-radius:22px;gap:12px;padding:18px;display:grid;box-shadow:inset 0 1px #69e6c814,0 18px 42px #0000002e}.cockpit-screen-page .cockpit-alert-panel .alert-list{gap:10px;display:grid}.ranking-row{background:#ffffff0e;border-radius:13px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.ranking-row span{color:#06121f;background:#69e6c8;border-radius:999px;place-items:center;width:26px;height:26px;font-weight:950;display:inline-grid}.ranking-row strong{color:#f8fbff}.ranking-row em{color:#ffd66b;font-style:normal;font-weight:950}.cockpit-screen-bottom{grid-template-columns:1.2fr .9fr 1fr}.cockpit-screen-page .alert-item{background:linear-gradient(90deg,#0b5a5c38,#05203614),#061927;border:1px solid #69e6c824;position:relative;overflow:hidden;box-shadow:inset 0 1px #69e6c814,0 10px 26px #00000029}.cockpit-screen-page .alert-item strong{color:#f8fbff}.cockpit-screen-page .alert-item small{color:#d7fff6}.cockpit-screen-page .alert-item em{color:#b8f7ea;opacity:.82}.cockpit-screen-page .alert-item:before{content:"";border-radius:999px;width:3px;position:absolute;inset:0 auto 0 0}.cockpit-screen-page .alert-item:after{content:"";pointer-events:none;opacity:.16;filter:blur(26px);width:34%;position:absolute;inset:-40% auto -40% -20%}.cockpit-screen-page .alert-item>span{border-radius:999px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:950;display:inline-grid;box-shadow:inset 0 1px #ffffff24}.cockpit-screen-page .alert-item.level-高{background:linear-gradient(90deg,#76262933,#074e521a),#061927;border-color:#f27d7038}.cockpit-screen-page .alert-item.level-高:before{background:#f27d70;box-shadow:0 0 14px #f27d707a}.cockpit-screen-page .alert-item.level-高:after{background:#f27d70}.cockpit-screen-page .alert-item.level-高>span{color:#ffd9d2;background:#f27d701f;border:1px solid #f27d7042}.cockpit-screen-page .alert-item.level-中{background:linear-gradient(90deg,#704f182e,#074e521a),#061927;border-color:#dfb15e38}.cockpit-screen-page .alert-item.level-中:before{background:#dfb15e;box-shadow:0 0 14px #dfb15e70}.cockpit-screen-page .alert-item.level-中:after{background:#dfb15e}.cockpit-screen-page .alert-item.level-中>span{color:#f9e5bc;background:#dfb15e1f;border:1px solid #dfb15e40}.cockpit-screen-page .alert-item.level-低{background:linear-gradient(90deg,#0c686933,#0a416814),#061927;border-color:#69e6c833}.cockpit-screen-page .alert-item.level-低:before{background:#69e6c8;box-shadow:0 0 14px #69e6c866}.cockpit-screen-page .alert-item.level-低:after{background:#69e6c8}.cockpit-screen-page .alert-item.level-低>span{color:#d8fff5;background:#69e6c81c;border:1px solid #69e6c83d}.module-shortcut-panel .shortcut-grid button{color:#dff8ff;background:#69e6c814;border-color:#69e6c82e}.module-shortcut-panel .shortcut-grid button span{color:#9fb3c8}@media (width<=1280px){.cockpit-batch-section,.cockpit-supply-ranking-section,.cockpit-iot-section,.cockpit-factory-probes-section{grid-column:span 12}.operation-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.core-domain-grid,.cockpit-screen-bottom{grid-template-columns:1fr}}@media (width<=768px){.cockpit-screen-page{grid-template-columns:1fr;gap:12px;padding:14px}.cockpit-screen-hero,.cockpit-core-domains,.cockpit-batch-section,.cockpit-supply-ranking-section,.cockpit-screen-bottom,.cockpit-iot-section,.cockpit-factory-probes-section,.cockpit-workflow-live{grid-column:span 1}.probe-type-grid{grid-template-columns:repeat(2,1fr)}.probe-type-grid.popup-grid{grid-template-columns:repeat(3,1fr)}.probe-grouped-list{grid-template-columns:1fr}}.layout-floating-shell{z-index:50;pointer-events:none;width:min(560px,100vw - 36px);max-height:calc(100vh - 36px);position:fixed;top:18px;right:18px}.layout-floating-panel{pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #d2deebf5;border-radius:24px;gap:14px;max-height:calc(100vh - 36px);padding:18px;display:grid;overflow-y:auto;box-shadow:0 26px 80px #08182b38}.modal-header.compact{margin-bottom:0;padding-bottom:14px}.modal-back-button{color:#24506c;background:#fff;border:1px solid #d6e0eb;border-radius:999px;min-height:34px;padding:0 12px;font-size:12px;font-weight:900}.unified-layout-tabs{background:#f8fbfd;border:1px solid #e4edf6;border-radius:16px;flex-wrap:wrap;gap:8px;max-height:108px;padding:10px;display:flex;overflow-y:auto}.unified-layout-tabs button{color:#24506c;background:#fff;border:1px solid #d6e0eb;border-radius:999px;min-height:32px;padding:0 11px;font-size:12px;font-weight:900}.unified-layout-tabs button.active{color:#fff;background:linear-gradient(135deg,#25c2a0,#178f78);border-color:#0000;box-shadow:0 10px 22px #25c2a033}.compact-list{gap:10px}.compact-list .layout-setting-card{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:13px}.compact-list .layout-setting-actions{grid-column:1/-1;justify-content:flex-start}.compact-list .layout-size-controls,.compact-list .layout-drag-track{grid-column:1/-1}.layout-floating-footer{border-top:1px solid #edf2f7;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding-top:12px;display:grid}.layout-floating-footer span{color:#68788d;font-size:12px;line-height:1.6}.confirm-backdrop{justify-content:center;align-items:center}.confirm-panel{background:#fffffffa;border:1px solid #ffffffb8;border-radius:26px;width:min(460px,100%);padding:32px;box-shadow:0 30px 90px #0313214d}.department-action-panel{background:#fffffffa;border:1px solid #ffffffb8;border-radius:28px;width:min(560px,100%);padding:28px;box-shadow:0 30px 90px #0313214d}.department-action-meta{flex-wrap:wrap;gap:8px;display:flex}.department-action-meta span{color:#24506c;background:#eaf2f9;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800}.department-action-grid{gap:12px;display:grid}.department-action-grid button{text-align:left;background:linear-gradient(#fff,#f8fbfd);border:1px solid #e4edf6;border-radius:20px;gap:6px;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}.department-action-grid button:hover:not(:disabled){border-color:#25c2a06b;transform:translateY(-2px);box-shadow:0 16px 36px #142b4814}.department-action-grid button:disabled{cursor:not-allowed;opacity:.55}.department-action-grid strong{color:#0f172a;font-size:16px}.department-action-grid span{color:#68788d;font-size:13px}.department-action-grid .danger-action{background:linear-gradient(#fffefe,#fff4f2)}.confirm-icon{color:#b42318;background:#fff1f0;border-radius:50%;place-items:center;width:48px;height:48px;font-size:24px;font-weight:900;display:grid}.confirm-panel h2{color:#0f172a;margin:18px 0 12px}.confirm-panel p{color:#5a6778;margin:10px 0 0;line-height:1.7}.confirm-panel p strong{color:#b42318}.confirm-actions{margin-top:24px}.modal-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.modal-header h2{color:#0f172a;margin:8px 0 0}.modal-close{color:#526174;background:#fff;border:1px solid #d6e0eb;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.modal-header-actions{align-items:center;gap:10px;display:flex}.modal-back-button{color:#17415c;background:#fff;border:1px solid #d6e0eb;border-radius:999px;height:38px;padding:0 14px;font-size:13px;font-weight:900}.modal-back-button:hover,.modal-close:hover{color:#178f78;border-color:#25c2a06b}.modal-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.modal-form label{margin-bottom:0}.modal-form .wide,.permission-checkboxes,.modal-actions{grid-column:1/-1}.permission-checkboxes{background:#f8fbfd;border:1px solid #e4edf6;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.permission-checkboxes legend{color:#24506c;padding:0 8px;font-weight:900}.permission-checkboxes label,.permission-config label{color:#233044;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.permission-checkboxes input,.permission-config input{width:16px;height:16px;min-height:16px;padding:0}.modal-actions{justify-content:flex-end;gap:12px;margin-top:6px;display:flex}.position-manager-panel{gap:16px;padding:4px 0;display:grid}.position-manager-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.position-manager-summary{color:#68788d;margin:0;font-size:13px;font-weight:600}.position-list-scroll{flex-direction:column;gap:16px;max-height:420px;padding-right:4px;display:flex;overflow-y:auto}.position-dept-group{flex-direction:column;gap:8px;display:flex}.position-dept-header{color:#1a3a52;letter-spacing:.5px;background:#e4edf6;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:800}.position-list{gap:8px;display:grid}.position-card{background:#f8fbfd;border:1px solid #e4edf6;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:border-color .15s;display:flex}.position-card.custom{background:#f0f7ff;border-color:#d0e3f5}.position-card:hover{border-color:#a8c8e8}.position-card-main{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.position-name{color:#233044;min-width:80px;font-size:14px;font-weight:800}.position-dept{color:#506578;font-size:13px}.position-entry{color:#68788d;font-size:12px}.position-users{color:#24506c;background:#e4edf6;border-radius:10px;padding:2px 10px;font-size:12px;font-weight:600}.position-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.position-tag-builtin{color:#8a9bb0;white-space:nowrap;background:#eef2f7;border-radius:8px;padding:3px 10px;font-size:11px;font-weight:600}.edit-button-small{color:#24506c;cursor:pointer;background:#e8f3ff;border:1px solid #a8c8e8;border-radius:8px;min-height:32px;padding:5px 14px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s}.edit-button-small:hover{background:#d4e8ff;border-color:#7aaad8}.view-button-small{color:#506578;cursor:pointer;background:#eef2f7;border:1px solid #c8d4e0;border-radius:8px;min-height:32px;padding:5px 14px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s}.view-button-small:hover{background:#e4edf6;border-color:#a8c8e8}.danger-button-small{color:#b42318;cursor:pointer;background:#fef0f0;border:1px solid #f5c2c2;border-radius:8px;min-height:32px;padding:5px 14px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s}.danger-button-small:hover{background:#fde2e2;border-color:#e0a0a0}.checkbox-group{background:#f8fbfd;border:1px solid #e4edf6;border-radius:18px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;display:grid}.checkbox-group legend{color:#24506c;grid-column:1/-1;padding:0 8px;font-weight:900}.checkbox-item{color:#233044;cursor:pointer;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.checkbox-item input{width:16px;height:16px;min-height:16px;padding:0}.modal-form .hint{color:#8a9bb0;margin-left:4px;font-size:11px;font-weight:400}.permission-config{gap:12px;display:grid}.permission-sync-banner{background:#f8fbff;border:1px solid #2f6fed33;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;padding:13px 14px;display:flex}.permission-sync-banner strong{color:#0f172a;display:block}.permission-sync-banner span,.permission-workflow-note span{color:#5a6778;font-size:12px;line-height:1.55}.permission-workflow-note{background:#f6fffc;border:1px dashed #25c2a047;border-radius:14px;margin-bottom:12px;padding:9px 11px}.permission-config article{background:#fff;border:1px solid #e4edf6;border-radius:18px;gap:12px;padding:16px;display:grid}.permission-module-head{justify-content:space-between;align-items:center;gap:10px;grid-template-columns:none!important;display:flex!important}.permission-module-head button{color:#17415c;background:#f8fbff;border:1px solid #dbeaf1;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.permission-config article>div:not(.permission-module-head){grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.hero-panel,.module-hero{border-radius:28px;grid-template-columns:1.25fr .75fr;align-items:center;gap:28px;padding:30px;display:grid}.hero-panel h2,.module-hero h2,.panel h2,.engine-card h2{color:#0f172a;margin:8px 0 0;font-size:24px;line-height:1.35}.hero-panel p:not(.eyebrow),.module-hero p,.module-card p{color:#66758a;line-height:1.75}.hero-metrics,.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-card{border-radius:22px;padding:22px}.permission-hero+.metric-grid .metric-card{background:linear-gradient(#fffffff5,#f8fbfdf0),radial-gradient(circle at 100% 0,#25c2a029,#0000 28%);border:1px solid #d2deebe6;position:relative;overflow:hidden}.permission-hero+.metric-grid .metric-card:after{content:"";background:#2f6fed14;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-28px;right:-28px}.procurement-hero{color:#fff;background:radial-gradient(circle at 84% 20%,#ffc3663d,#0000 28%),radial-gradient(circle at 12% 80%,#25c2a03d,#0000 34%),linear-gradient(135deg,#132840,#1b5d58 62%,#19334f);position:relative;overflow:hidden;box-shadow:0 26px 70px #0c243e33}.procurement-hero h2,.procurement-hero p:not(.eyebrow){color:#fff}.procurement-hero p:not(.eyebrow){color:#ffffffc2}.procurement-control-rules{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:18px;gap:8px;padding:14px;display:grid}.procurement-control-rules strong{color:#b8fff0}.procurement-control-rules span{color:#ffffffd1;font-size:13px;line-height:1.6}.hero-right-panel{align-content:start;gap:10px;display:grid}.hero-assignment-rules{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:18px;padding:12px}.compact-assignment-entry .admin-assignment-entry{border-top:0;margin-top:0;padding-top:0}.hero-assignment-rules .compact-title h3{color:#fff}.hero-assignment-rules>div:nth-child(2){gap:8px}.hero-assignment-rules>div:nth-child(2) span{color:#ffffffd6;background:#ffffff14;border-color:#ffffff1f}.hero-assignment-rules .admin-assignment-entry{border-top-color:#ffffff24;margin-top:10px;padding-top:10px}.hero-assignment-rules .admin-assignment-entry>div:first-child{background:#ffffff14;border-color:#ffffff1f}.hero-assignment-rules .admin-assignment-entry strong{color:#b8fff0}.hero-assignment-rules .admin-assignment-entry span{color:#ffffffd1!important}.lead-import-panel{overflow:hidden}.lead-import-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);grid-template-areas:"channels preview""batches batches";gap:16px;padding:18px;display:grid}.section-badge{color:#178f78;background:#e3f8f3;border:1px solid #25c2a042;border-radius:999px;align-items:center;padding:7px 10px;font-size:12px;font-weight:950;display:inline-flex}.section-badge.function{color:#2f6fed;background:#edf4ff;border-color:#2f6fed38}.process-overview-panel{overflow:hidden}.process-overview-compact{grid-template-columns:minmax(0,1fr) 330px;gap:16px;padding:18px;display:grid}.process-main-flow{background:#fff;border:1px solid #dbeaf1;border-radius:22px;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.process-main-flow article{background:radial-gradient(circle at 100% 0,#25c2a01f,#0000 34%),linear-gradient(#fff,#f8fcfb);border-right:1px solid #e4edf6;gap:6px;min-height:92px;padding:16px 12px;display:grid;position:relative}.process-main-flow article:last-child{border-right:0}.process-main-flow em{color:#178f78;font-size:11px;font-style:normal;font-weight:950}.process-main-flow strong{color:#0f172a;font-size:15px}.process-key-gates{background:#f8fcfb;border:1px solid #dbeaf1;border-radius:22px;flex-wrap:wrap;align-content:center;gap:8px;padding:16px;display:flex}.process-key-gates span{color:#31546b;background:#fff;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:850}.sop-detail-modal{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.sop-detail-modal section{gap:12px;display:grid}.sop-detail-modal>section>strong{color:#0f172a;font-size:16px}.sop-detail-flow,.sop-detail-list{gap:10px;display:grid}.sop-detail-flow article,.sop-detail-list article{background:#f8fbfd;border:1px solid #dbeaf1;border-radius:16px;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:12px;display:grid}.sop-detail-flow em,.sop-detail-list em{color:#fff;background:linear-gradient(135deg,#25c2a0,#2f6fed);border-radius:12px;place-items:center;width:30px;height:30px;font-size:11px;font-style:normal;font-weight:950;display:grid}.sop-detail-flow strong,.sop-detail-list strong{color:#0f172a}.sop-detail-flow span,.sop-detail-list span,.sop-detail-flow p,.sop-detail-list p,.sop-detail-list small{color:#5a6778;margin:4px 0 0;font-size:12px;line-height:1.55}.lead-import-channels{grid-area:channels;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lead-import-channels article,.lead-routing-panel,.lead-import-preview,.lead-rule-panel:not(.hero-assignment-rules){background:radial-gradient(circle at 100% 0,#25c2a01f,#0000 32%),linear-gradient(#fff,#f8fcfb);border:1px solid #dbeaf1;border-radius:22px}.lead-import-channels article{gap:8px;min-height:168px;padding:16px;display:grid}.lead-import-channels span{color:#178f78;font-size:12px;font-weight:950}.lead-import-channels strong{color:#0f172a;font-size:25px}.lead-import-channels small{color:#5a6778;font-size:12px;line-height:1.6}.lead-import-channels button{color:#178f78;background:#e3f8f3;border:1px solid #25c2a047;border-radius:999px;place-self:end start;padding:8px 12px;font-weight:900}.lead-routing-panel{grid-area:routing;padding:16px}.compact-title{margin-bottom:12px}.compact-title h3{color:#0f172a;margin:4px 0 0;font-size:18px}.lead-routing-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.lead-routing-flow article{background:#fff;border:1px solid #e4edf6;border-radius:16px;grid-template-columns:34px minmax(0,1fr);gap:10px;min-height:146px;padding:12px;display:grid;position:relative}.lead-routing-flow article:after{content:"";background:#c2e6de;width:16px;height:1px;position:absolute;top:50%;right:-9px}.lead-routing-flow article:nth-child(4n):after,.lead-routing-flow article:last-child:after{display:none}.lead-routing-flow em{color:#fff;background:linear-gradient(135deg,#25c2a0,#2f6fed);border-radius:12px;place-items:center;width:30px;height:30px;font-size:11px;font-style:normal;font-weight:950;display:grid}.lead-routing-flow strong{color:#0f172a;font-size:14px;display:block}.lead-routing-flow span{color:#178f78;margin-top:4px;font-size:12px;font-weight:900;display:block}.lead-routing-flow p{color:#5a6778;margin:7px 0 0;font-size:12px;line-height:1.55}.lead-import-preview{grid-area:preview;padding:16px}.lead-preview-table{gap:10px;display:grid}.lead-preview-table article{background:#fff;border:1px solid #e4edf6;border-radius:16px;grid-template-columns:minmax(0,1.1fr) auto minmax(160px,.8fr);align-items:center;gap:10px;padding:12px;display:grid}.lead-preview-table strong{color:#0f172a}.lead-preview-table span,.lead-preview-table em{color:#5a6778;font-size:12px;font-style:normal}.lead-preview-table b{color:#178f78;font-size:13px}.lead-preview-table .permission-tags{grid-column:1/3}.lead-rule-panel{grid-area:rules;padding:16px}.lead-rule-panel>div:last-child{gap:10px;display:grid}.lead-rule-panel>div:last-child span{color:#31546b;background:#fff;border:1px solid #dbeaf1;border-radius:14px;padding:11px 12px;font-size:12px;line-height:1.55}.admin-assignment-entry{border-top:1px dashed #c2e6de;gap:12px;margin-top:14px;padding-top:14px;display:grid}.admin-assignment-entry>div:first-child{background:#fff;border:1px solid #dbeaf1;border-radius:14px;gap:5px;padding:12px;display:grid}.admin-assignment-entry strong{color:#0f172a}.admin-assignment-entry span{color:#5a6778!important;background:0 0!important;border:0!important;font-size:12px!important}.admin-assignment-modal{gap:14px;display:grid}.admin-assignment-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.admin-assignment-form label{color:#24506c;gap:7px;font-size:12px;font-weight:950;display:grid}.admin-assignment-form select{color:#0f172a;background:#fff;border:1px solid #d6e0eb;border-radius:12px;min-height:40px;padding:9px 11px}.admin-assignment-form>div{gap:8px;display:flex}.admin-assignment-form.modal-form{background:#f8fbfd;border:1px solid #dbeaf1;border-radius:18px;padding:16px}.assignment-tag-selector{background:radial-gradient(circle at 100% 0,#2f6fed14,#0000 34%),#fff;border:1px solid #dbeaf1;border-radius:18px;gap:12px;padding:16px;display:grid}.workflow-lock-note{background:#f8fbff;border:1px solid #2f6fed38;border-radius:16px;gap:6px;padding:13px 14px;display:grid}.workflow-lock-note strong{color:#17415c}.workflow-lock-note span{color:#5a6778;font-size:13px;line-height:1.55}.assignment-tag-groups{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.assignment-tag-groups article{background:#f8fbfd;border:1px solid #e4edf6;border-radius:14px;gap:8px;padding:11px;display:grid}.assignment-tag-groups strong{color:#0f172a;font-size:13px}.assignment-tag-groups article div{flex-wrap:wrap;gap:6px;display:flex}.assignment-tag-groups button{color:#31546b;background:#fff;border:1px solid #dbeaf1;border-radius:999px;gap:2px;padding:6px 8px;font-size:12px;font-weight:850;display:inline-grid}.assignment-tag-groups button small{color:inherit;opacity:.72;font-size:10px;font-weight:650}.assignment-tag-groups button.active{color:#fff;background:linear-gradient(135deg,#25c2a0,#2f6fed);border-color:#0000}.assignment-rule-summary{flex-wrap:wrap;gap:8px;display:flex}.assignment-rule-summary span{color:#178f78;background:#f0fdfa;border:1px solid #25c2a02e;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:850}.mini-modal-backdrop{z-index:70;background:#0f172a57;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.mini-modal{background:#fff;border:1px solid #dbeaf1;border-radius:22px;gap:14px;width:min(620px,92vw);padding:18px;display:grid;box-shadow:0 24px 70px #0f172a38}.mini-modal-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.mini-modal-header h3{color:#0f172a;margin:4px 0 0}.assignment-rule-help{gap:9px;display:grid}.assignment-rule-help span{color:#31546b;background:#f8fbfd;border:1px solid #e4edf6;border-radius:14px;padding:10px 12px;font-size:13px;line-height:1.55}.auto-assignment-upgrade{background:#f8fbff;border:1px dashed #2f6fed57;border-radius:18px;gap:10px;padding:14px;display:grid}.auto-assignment-upgrade h3{color:#0f172a;margin:4px 0 0}.auto-assignment-upgrade p:not(.eyebrow){color:#5a6778;margin:0;font-size:13px;line-height:1.6}.auto-assignment-upgrade button{justify-self:start}.batch-select-summary{background:#fff;border:1px solid #dbeaf1;border-radius:14px;gap:6px;padding:10px 12px;display:grid}.batch-select-summary strong{color:#0f172a}.batch-select-summary span{color:#5a6778;font-size:12px;line-height:1.45}.batch-lead-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.batch-lead-toolbar strong{color:#0f172a}.batch-lead-toolbar div{gap:8px;display:flex}.lead-filter-panel{background:#fff;border:1px solid #dbeaf1;border-radius:18px;gap:10px;padding:14px;display:grid}.compact-filter-tags{grid-template-columns:repeat(5,minmax(0,1fr))}.compact-filter-tags article{padding:9px}.compact-filter-tags button{padding:5px 7px;font-size:11px}.admin-assignment-leads{gap:8px;display:grid}.admin-assignment-leads.modal-leads{grid-template-columns:repeat(3,minmax(0,1fr));max-height:390px;padding-right:4px;overflow:auto}.admin-assignment-leads button{text-align:left;background:#fff;border:1px solid #dbeaf1;border-radius:14px;gap:5px;width:100%;padding:11px 12px;display:grid;position:relative}.admin-assignment-leads button i{color:#2f6fed;background:#fff;border:1px solid #dbeaf1;border-radius:999px;place-items:center;width:22px;height:22px;font-size:12px;font-style:normal;font-weight:950;display:grid;position:absolute;top:10px;right:10px}.admin-assignment-leads button.active i{color:#fff;background:linear-gradient(135deg,#25c2a0,#2f6fed);border-color:#0000}.admin-assignment-leads button.active{background:#f4fbf9;border-color:#25c2a094}.admin-assignment-leads strong{color:#0f172a}.admin-assignment-leads span,.admin-assignment-leads em{color:#5a6778;font-size:12px;font-style:normal}.admin-assignment-logs{background:#f8fcfb;border:1px solid #dbeaf1;border-radius:14px;gap:7px;padding:11px 12px;display:grid}.admin-assignment-logs strong{color:#0f172a}.admin-assignment-logs span{font-weight:850;color:#178f78!important;background:0 0!important;border:0!important;font-size:12px!important}.lead-import-batches{border-top:1px dashed #c2e6de;grid-area:batches;margin-top:14px;padding-top:14px;gap:8px!important;display:grid!important}.lead-import-batches strong{color:#0f172a}.lead-import-batches button{text-align:left;background:#f8fcfb;border:1px solid #dbeaf1;border-radius:14px;gap:4px;width:100%;padding:10px 12px;display:grid}.lead-import-batches button:hover{background:#fff;border-color:#25c2a06b}.lead-import-batches button span{font-weight:950;color:#178f78!important;background:0 0!important;border:0!important;padding:0!important}.lead-import-batches em,.lead-import-batches small{color:#5a6778;font-size:12px;font-style:normal}.lead-import-modal{gap:16px;display:grid}.lead-import-simple-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.lead-import-step-card{background:radial-gradient(circle at 100% 0,#25c2a01a,#0000 32%),#f8fbfd;border:1px solid #dbeaf1;border-radius:18px;align-content:start;gap:12px;min-height:214px;padding:16px;display:grid}.lead-import-step-card.primary{background:radial-gradient(circle at 100% 0,#25c2a02e,#0000 34%),linear-gradient(#fff,#f4fbf9);border-color:#25c2a052}.lead-import-step-card em{color:#fff;background:linear-gradient(135deg,#25c2a0,#2f6fed);border-radius:13px;place-items:center;width:34px;height:34px;font-size:12px;font-style:normal;font-weight:950;display:grid}.lead-import-step-card strong{color:#0f172a;font-size:16px}.lead-import-step-card p{color:#5a6778;margin:7px 0 0;font-size:13px;line-height:1.65}.lead-import-step-card label{color:#24506c;gap:8px;font-size:12px;font-weight:950;display:grid}.lead-import-step-card select{color:#0f172a;background:#fff;border:1px solid #d6e0eb;border-radius:12px;min-height:40px;padding:9px 11px}.lead-import-step-actions{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.compact-summary{margin-top:auto}.lead-import-compact-preview{background:#fff;border:1px solid #dbeaf1;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;display:flex}.lead-import-compact-preview strong{color:#0f172a;margin-right:6px}.lead-import-compact-preview span{color:#31546b;background:#f0f6f8;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850}.manual-lead-form{background:radial-gradient(circle at 100% 0,#25c2a01f,#0000 34%),#f8fbfd;border:1px solid #25c2a038;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;display:grid}.manual-lead-form label{color:#24506c;gap:7px;font-size:12px;font-weight:950;display:grid}.manual-lead-form .wide{grid-column:span 2}.manual-lead-form input,.manual-lead-form select,.manual-lead-form textarea{color:#0f172a;background:#fff;border:1px solid #d6e0eb;border-radius:12px;width:100%;min-height:40px;padding:9px 11px}.manual-lead-form textarea{resize:vertical;min-height:82px}.lead-import-mode-summary,.lead-import-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.lead-import-mode-summary article,.lead-import-dropzone,.lead-import-modal-grid>div,.lead-import-samples{background:radial-gradient(circle at 100% 0,#25c2a01a,#0000 32%),#f8fbfd;border:1px solid #dbeaf1;border-radius:18px;padding:16px}.lead-import-mode-summary span{color:#178f78;font-size:12px;font-weight:950}.lead-import-mode-summary strong{color:#0f172a;margin:7px 0;font-size:20px;display:block}.lead-import-mode-summary small,.lead-import-dropzone p,.lead-import-modal-grid p{color:#5a6778;margin:0;font-size:13px;line-height:1.65}.lead-import-dropzone{justify-content:space-between;align-items:center;gap:16px;display:flex}.lead-import-dropzone-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.lead-source-panel{background:radial-gradient(circle at 0 0,#2f6fed1a,#0000 32%),linear-gradient(#f8fbff,#fff);border:1px solid #2f6fed2e;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(230px,.7fr) minmax(250px,.8fr);gap:12px;padding:16px;display:grid}.lead-source-panel.compact-source-panel{grid-template-columns:minmax(0,1fr) 280px;padding:12px}.lead-source-panel.compact-source-panel .lead-source-options{grid-template-columns:repeat(4,minmax(0,1fr))}.lead-source-panel.compact-source-panel .lead-source-options button{min-height:72px}.lead-source-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.lead-source-options button{text-align:left;background:#fff;border:1px solid #dbeaf1;border-radius:15px;gap:6px;min-height:86px;padding:12px;display:grid}.lead-source-options button:hover{border-color:#25c2a06b;box-shadow:0 12px 24px #142b4814}.lead-source-options button.active{background:radial-gradient(circle at 100% 0,#25c2a029,#0000 34%),#fff;border-color:#25c2a0b3;box-shadow:inset 0 0 0 1px #25c2a01a,0 12px 24px #142b4814}.lead-source-options strong,.lead-source-status>strong,.lead-source-check>strong{color:#0f172a;font-size:14px}.lead-source-options span,.lead-source-check span{color:#5a6778;font-size:12px;line-height:1.55}.lead-source-status,.lead-source-check{background:#fff;border:1px solid #dbeaf1;border-radius:15px;gap:8px;padding:12px;display:grid}.lead-source-status article{background:#f8fbfd;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.lead-source-status em{color:#178f78;font-size:11px;font-style:normal;font-weight:950}.lead-source-status span{color:#31546b;font-size:12px;font-weight:800}.lead-import-assignment-config{background:radial-gradient(circle at 100% 0,#2f6fed1a,#0000 32%),#f8fbfd;border:1px solid #dbeaf1;border-radius:18px;grid-template-columns:minmax(0,1fr) 260px;gap:12px;padding:16px;display:grid}.lead-import-assignment-config>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.lead-import-assignment-config label{color:#24506c;gap:8px;font-size:12px;font-weight:950;display:grid}.lead-import-assignment-config select{color:#0f172a;background:#fff;border:1px solid #d6e0eb;border-radius:12px;min-height:40px;padding:9px 11px}.lead-import-assignment-config aside{background:#fff;border:1px solid #25c2a033;border-radius:14px;gap:7px;padding:13px;display:grid}.lead-import-assignment-config aside strong{color:#0f172a}.lead-import-assignment-config aside span{color:#476273;font-size:12px;font-weight:800}.lead-import-dropzone strong,.lead-import-modal-grid strong,.lead-import-samples>strong{color:#0f172a;margin-bottom:8px;font-size:15px;display:block}.lead-import-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-field-tags{flex-wrap:wrap;gap:8px;display:flex}.lead-field-tags span{color:#178f78;background:#e3f8f3;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.lead-import-samples{gap:9px;display:grid}.lead-import-samples article{background:#fff;border:1px solid #e4edf6;border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(200px,.8fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.lead-import-samples span{color:#0f172a;font-weight:900}.lead-import-samples em{color:#5a6778;font-size:12px;font-style:normal}.lead-batch-detail{gap:16px;display:grid}.lead-batch-summary,.lead-task-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.lead-task-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lead-batch-summary article,.lead-task-grid article,.lead-batch-route{background:radial-gradient(circle at 100% 0,#25c2a01a,#0000 34%),#f8fbfd;border:1px solid #dbeaf1;border-radius:18px;padding:16px}.lead-batch-summary span,.lead-task-grid span{color:#178f78;font-size:12px;font-weight:950}.lead-batch-summary strong,.lead-task-grid strong{color:#0f172a;margin:7px 0;font-size:18px;display:block}.lead-batch-summary small,.lead-task-grid small,.lead-batch-route p{color:#5a6778;margin:0;font-size:12px;line-height:1.6}.lead-batch-route{gap:10px;display:grid}.lead-batch-route>strong{color:#0f172a;font-size:16px}.lead-batch-route article{background:#fff;border:1px solid #e4edf6;border-radius:14px;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:11px;display:grid}.lead-batch-route em{color:#fff;background:linear-gradient(135deg,#25c2a0,#2f6fed);border-radius:12px;place-items:center;width:30px;height:30px;font-size:11px;font-style:normal;font-weight:950;display:grid}.lead-batch-route span{color:#0f172a;font-weight:950}.lead-batch-actions{justify-content:flex-end;gap:10px;display:flex}.customer-library-panel{overflow:hidden}.customer-library-layout{grid-template-columns:300px minmax(0,1fr);gap:18px;padding:18px;display:grid}.customer-library-layout.redesigned{grid-template-columns:minmax(0,1fr);gap:12px}.customer-sidebar-compact{position:sticky;top:16px}.customer-owner-panel{gap:8px;display:grid}.customer-owner-panel>strong{color:#0f172a}.customer-owner-panel button{text-align:left;background:#fff;border:1px solid #dbeaf1;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;display:flex}.customer-owner-panel button.active{color:#fff;background:linear-gradient(135deg,#17415c,#25c2a0);border-color:#0000}.customer-owner-panel span{font-weight:900}.customer-owner-panel em{opacity:.78;font-size:12px;font-style:normal}.customer-control-panel{background:radial-gradient(circle at 100% 0,#25c2a01f,#0000 30%),#f8fbfd;border:1px solid #e4edf6;border-radius:18px;align-content:start;gap:10px;padding:12px;display:grid}.customer-control-panel label{color:#24506c;gap:6px;font-size:12px;font-weight:900;display:grid}.customer-control-panel select{color:#0f172a;background:#fff;border:1px solid #d6e0eb;border-radius:14px;min-height:36px;padding:8px 10px}.coverage-summary{background:#fff;border-radius:18px;gap:9px;margin-top:4px;padding:14px;display:grid}.coverage-summary strong{color:#0f172a}.coverage-summary span{color:#68788d;font-size:13px;font-weight:800}.map-api-note{background:linear-gradient(#ecfbf7,#fff);border:1px dashed #25c2a06b;border-radius:18px;gap:8px;padding:14px;display:grid}.map-api-note strong{color:#178f78}.map-api-note span{color:#476273;font-size:12px;line-height:1.6}.customer-database-main{grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"stats stats""map list";gap:16px;min-width:0;display:grid}.customer-database-main.redesigned{grid-template-columns:minmax(0,1fr) minmax(340px,1fr);grid-template-areas:"filters filters""owners owners""stats stats""workspace map";gap:10px}.customer-filter-strip,.customer-owner-strip{align-items:center;gap:7px;padding:2px 2px 4px;display:flex;overflow-x:auto}.customer-filter-strip{grid-area:filters}.customer-owner-strip{grid-area:owners}.customer-owner-strip.redesigned{background:#f7fbfd;border:1px solid #dbeaf1;border-radius:18px;gap:8px;padding:10px;display:grid;overflow:visible}.customer-owner-strip.redesigned header{justify-content:space-between;align-items:center;gap:10px;display:flex}.customer-owner-strip.redesigned header span{color:#68788d;font-size:11px;font-weight:850}.customer-owner-groups{gap:7px;display:grid}.customer-owner-groups section{grid-template-columns:92px minmax(0,1fr);align-items:start;gap:8px;display:grid}.customer-owner-groups section>div:first-child{gap:2px;display:grid}.customer-owner-groups b{color:#17415c;font-size:12px}.customer-owner-groups small{color:#8290a3;font-size:10px;font-weight:800}.customer-owner-groups section>div:last-child{flex-wrap:wrap;gap:6px;display:flex}.customer-filter-strip strong,.customer-owner-strip strong{color:#0f172a;flex:none;font-size:12px}.customer-filter-strip button,.customer-owner-strip button{color:#31546b;background:#fff;border:1px solid #dbeaf1;border-radius:999px;flex:none;align-items:center;gap:5px;padding:6px 9px;font-size:12px;font-weight:850;display:inline-flex}.customer-filter-strip button.active,.customer-owner-strip button.active{color:#fff;background:#17415c;border-color:#0000}.customer-filter-strip em,.customer-owner-strip em{opacity:.76;font-size:10px;font-style:normal}.customer-owner-strip button small{color:inherit;opacity:.7;padding-left:2px;font-size:10px;font-weight:900}.customer-overview-strip{grid-area:stats;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.customer-overview-strip article{background:linear-gradient(#fff,#f8fbfd);border:1px solid #dbeaf1;border-radius:18px;gap:3px;min-height:68px;padding:10px 12px;display:grid}.customer-overview-strip span{color:#178f78;font-size:12px;font-weight:950}.customer-overview-strip strong{color:#0f172a;font-size:23px}.customer-overview-strip small{color:#68788d;font-size:12px}.customer-workspace{grid-area:workspace;min-width:0;display:block}.customer-table-card{background:radial-gradient(circle at 100% 0,#2f6fed14,#0000 32%),#fff;border:1px solid #dbeaf1;border-radius:18px;gap:10px;min-width:0;padding:12px;display:grid;overflow-x:auto}.customer-table-caption{justify-content:space-between;align-items:center;gap:12px;display:flex}.customer-table-caption h3{color:#0f172a;margin:4px 0;font-size:16px}.customer-table-caption>span{color:#17415c;background:#edf4ff;border:1px solid #2f6fed2e;border-radius:999px;flex:none;padding:6px 9px;font-size:11px;font-weight:900}.customer-data-table{border-collapse:collapse;border-radius:14px;width:100%;overflow:hidden}.customer-data-table th{color:#5a6778;text-align:left;background:#f3f7fb;padding:9px 8px;font-size:12px;font-weight:950}.customer-data-table td{color:#31546b;vertical-align:middle;border-top:1px solid #edf2f7;padding:10px 8px;font-size:12px}.customer-data-table tr{cursor:pointer}.customer-data-table tbody tr:hover,.customer-data-table tbody tr.active{background:#f7fbff}.customer-data-table strong,.customer-data-table b{color:#0f172a;font-size:13px;display:block}.customer-data-table small{color:#7a899b;margin-top:3px;font-size:11px;display:block}.customer-data-table button{color:#17415c;background:#fff;border:1px solid #dbeaf1;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}.table-stage{color:#178f78;background:#e3f8f3;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900;display:inline-flex}.table-tags{flex-wrap:wrap;gap:4px;display:flex}.table-tags span{color:#31546b;background:#fff;border:1px solid #e4edf6;border-radius:999px;padding:4px 6px;font-size:10.5px;font-weight:850}.customer-map-insight.redesigned{grid-area:map}.customer-map-insight.redesigned .customer-map-canvas{height:430px}.customer-map-pin.active{z-index:5;border-color:#2f6fed8f;transform:translate(-50%,-50%)scale(1.06);box-shadow:0 14px 34px #2f6fed2e}.status-tag{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.status-tag.success{color:#0d7a5e;background:#e3f8f3}.status-tag.warning{color:#b35900;background:#fff3e0}.status-tag.error{color:#c92a2a;background:#ffe3e3}.text-warn{color:#e67700}.text-success{color:#0d7a5e}.text-button{color:#2f6fed;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.text-button:hover{background:#2f6fed14}.feature-list.compact{gap:6px}.feature-list.compact button{padding:6px 14px;font-size:12px}.procurement-lifecycle-inline{background:linear-gradient(#f8fbff,#fff);border:1px solid #e4edf6;border-radius:14px;gap:16px;margin-bottom:18px;padding:16px;display:grid}.procurement-lifecycle-inline .station-operation-grid,.procurement-lifecycle-inline .procurement-sub-flow{margin:0}.warning-card{background:#fff8f0;border:1px solid #ffe8cc;border-radius:10px;align-items:center;gap:12px;margin-top:8px;padding:12px 14px;display:flex}.warning-card span:first-child{color:#5a3e1f;font-weight:700}.warning-card span:nth-child(2){color:#8a6d4b;flex:1;font-size:12px}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.dashboard-card{background:#fff;border:1px solid #e4edf6;border-radius:12px;flex-direction:column;gap:8px;padding:18px;display:flex}.dashboard-card strong{color:#5a7a94;font-size:12px}.dashboard-value{color:#0f1d2a;font-size:22px;font-weight:900}.dashboard-target{color:#8fa5ba;font-size:11px}.progress-bar{background:#e4edf6;border-radius:999px;height:6px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#69e6c8,#81b7ff);height:100%;transition:width .4s}.dashboard-percent{color:#2f6fed;text-align:right;font-size:12px;font-weight:800}.metric-grid.small{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.metric-grid.small .metric-card{padding:14px}.metric-grid.small .metric-value{font-size:18px}.role-badge{color:#5a3e1f;background:#fff3e0;border:1px solid #ffe0b2;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.prod-form-summary{background:#f4f8fb;border:1px solid #e0ecf5;border-radius:8px;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px 14px;display:flex}.prod-form-summary span{color:#5a7a94;font-size:12px}.prod-shift-summary{background:#e3f8f3;border:1px solid #b2e8db;border-radius:8px;margin-bottom:12px;padding:8px 14px}.prod-shift-summary span{color:#0d5e47;font-size:13px}.prod-packing-form{background:var(--bg2,#f1f5f9);border:1px solid var(--border,#e2e8f0);border-radius:10px;margin-bottom:14px;padding:16px}.prod-packing-form .prod-form-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:end;gap:12px;display:grid}.prod-packing-form .prod-form-grid label{color:var(--text,#172033);flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.prod-packing-form .prod-form-grid label input,.prod-packing-form .prod-form-grid label select{border:1px solid var(--border,#c8d3e0);background:var(--card,#fff);color:var(--text,#172033);border-radius:6px;padding:8px 10px;font-size:14px}.prod-packing-form .prod-form-actions{gap:8px;display:flex}.prod-packing-reference{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;flex-direction:column;gap:4px;margin-top:12px;padding:10px 14px;font-size:13px;display:flex}.prod-packing-reference strong{color:#92400e}.prod-packing-reference span{color:#78716c}.customer-priority-stats{grid-area:stats;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.customer-priority-stats article{background:radial-gradient(circle at 100% 0,#25c2a02e,#0000 34%),linear-gradient(#fff,#f5fbfa);border:1px solid #25c2a033;border-radius:20px;gap:7px;min-height:126px;padding:16px;display:grid}.customer-priority-stats span{color:#178f78;font-size:12px;font-weight:950}.customer-priority-stats strong{color:#0f172a;font-size:28px;line-height:1.1}.customer-priority-stats small{color:#5a6778;font-size:12px;line-height:1.55}.customer-library-list{scrollbar-width:thin;grid-area:list;gap:10px;max-height:718px;padding-right:6px;display:grid;overflow:auto}.customer-map-insight{grid-area:map;align-content:start;gap:14px;display:grid}.customer-map-card,.customer-chart-card{z-index:0;background:radial-gradient(circle at 100% 0,#25c2a024,#0000 34%),linear-gradient(#fff,#f8fcfb);border:1px solid #dbeaf1;border-radius:22px;gap:12px;padding:16px;display:grid;position:relative}.map-card-title{z-index:10;pointer-events:auto;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.map-card-title button{z-index:11;pointer-events:auto;position:relative}.map-card-title h3,.customer-chart-card h3{color:#0f172a;margin:4px 0 0}.map-card-title>span{color:#178f78;background:#e3f8f3;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.customer-map-canvas{background:radial-gradient(circle at 45% 48%,#25c2a03d,#0000 18%),radial-gradient(circle at 20% 18%,#2f6fed24,#0000 22%),linear-gradient(135deg,#e9f8f5,#f8fbff);border:1px solid #25c2a03d;border-radius:20px;height:486px;position:relative;overflow:hidden}.customer-map-canvas:before,.customer-map-canvas:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.customer-map-canvas:before{border:1px solid #25c2a047;inset:46px 58px 52px 42px}.customer-map-canvas:after{border:1px dashed #2f6fed38;inset:88px 96px 86px}.map-grid-line{background:#178f781f;position:absolute}.map-grid-line.horizontal{height:1px;top:50%;left:0;right:0}.map-grid-line.vertical{width:1px;top:0;bottom:0;left:50%}.map-center-point{z-index:2;align-items:center;gap:6px;display:flex;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.map-center-point i{background:#178f78;border:3px solid #fff;border-radius:999px;width:14px;height:14px;box-shadow:0 0 0 8px #25c2a029,0 10px 22px #142b4829}.map-center-point span{color:#0f172a;background:#ffffffd1;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.customer-map-pin{z-index:3;text-align:left;background:#ffffffe6;border:1px solid #ffffffc2;border-radius:999px;align-items:center;gap:6px;max-width:138px;padding:5px 8px 5px 5px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 12px 24px #142b4824}.customer-map-pin span{color:#fff;border-radius:999px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:950;display:inline-grid}.customer-map-pin strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.customer-map-pin.scale-A span{background:#178f78}.customer-map-pin.scale-B span{background:#2f6fed}.customer-map-pin.scale-C span{background:#d18b1d}.map-legend{flex-wrap:wrap;gap:8px;display:flex}.map-legend span{color:#476273;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.map-legend i{border-radius:999px;width:9px;height:9px}.map-legend .a{background:#178f78}.map-legend .b{background:#2f6fed}.map-legend .c{background:#d18b1d}.scale-chart{gap:9px;display:grid}.scale-chart>div{color:#476273;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;gap:9px;font-size:12px;font-weight:900;display:grid}.scale-chart div div{background:#e6eef5;border-radius:999px;height:9px;overflow:hidden}.scale-chart i{border-radius:inherit;background:linear-gradient(90deg,#25c2a0,#2f6fed);height:100%;display:block}.stage-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:7px;min-height:150px;padding-top:8px;display:grid}.stage-chart>div{place-items:end center;gap:6px;height:150px;display:grid}.stage-chart span{writing-mode:vertical-rl;color:#5a6778;font-size:10px;font-weight:900}.stage-chart i{background:linear-gradient(#25c2a0,#145c58);border-radius:999px 999px 4px 4px;width:18px;min-height:8px}.stage-chart strong{color:#0f172a;font-size:12px}.customer-library-row{text-align:left;background:#fff;border:1px solid #e4edf6;border-radius:18px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:13px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid}.customer-library-row:hover{border-color:#25c2a06b;transform:translateY(-2px);box-shadow:0 16px 34px #142b4814}.customer-library-row em{color:#178f78;background:#e3f8f3;border-radius:12px;place-items:center;width:30px;height:30px;font-size:12px;font-style:normal;font-weight:900;display:grid}.customer-library-row>div:nth-of-type(2),.customer-library-row>div:nth-of-type(3),.customer-library-row>.permission-tags{grid-column:2}.customer-library-row>div:nth-of-type(2),.customer-library-row>div:nth-of-type(3){justify-content:space-between;align-items:center;gap:10px;display:flex}@media (width<=1400px){.customer-database-main.redesigned{grid-template-columns:1fr;grid-template-areas:"filters""owners""stats""workspace""map"}}@media (width<=1280px){.pc-equip-grid{grid-template-columns:repeat(3,1fr)}.pc-foreman-stats{flex-wrap:wrap;gap:10px}.lead-import-layout{grid-template-columns:1fr;grid-template-areas:"channels""preview""rules"}.process-overview-compact,.admin-assignment-form.modal-form{grid-template-columns:1fr}.process-main-flow,.hero-sop-detail-strip,.assignment-tag-groups,.admin-assignment-leads.modal-leads{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-library-layout,.customer-database-main,.customer-database-main.redesigned{grid-template-columns:1fr}.customer-database-main{grid-template-areas:"stats""map""list"}.customer-database-main.redesigned{grid-template-areas:"filters""owners""stats""workspace""map"}.customer-priority-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.customer-library-row strong{color:#0f172a;display:block}.customer-library-row span{color:#68788d;margin-top:4px;font-size:12px;line-height:1.5;display:block}.sop-panel{overflow:hidden}.procurement-sop-strip{scrollbar-width:thin;grid-template-columns:repeat(7,minmax(210px,1fr));gap:12px;max-width:100%;padding:18px;display:grid;overflow:auto}.procurement-sop-strip article{background:radial-gradient(circle at 100% 0,#25c2a024,#0000 34%),linear-gradient(#fff,#f8fbfd);border:1px solid #e4edf6;border-radius:20px;gap:8px;min-height:250px;padding:18px;display:grid;position:relative}.procurement-sop-strip em,.procurement-sop-strip b{color:#178f78;background:#e3f8f3;border-radius:999px;width:fit-content;padding:5px 9px;font-size:12px;font-style:normal;font-weight:900}.procurement-sop-strip strong{color:#0f172a;font-size:17px}.procurement-sop-strip span,.procurement-sop-strip small{color:#24506c;font-size:12px;font-weight:800}.procurement-sop-strip p{color:#68788d;margin:0;font-size:13px;line-height:1.7}.station-operation-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.station-operation-grid article{background:linear-gradient(#fff,#f5fbfa),radial-gradient(circle at 100% 0,#25c2a029,#0000 34%);border:1px solid #dbeaf1;border-radius:18px;gap:7px;min-height:132px;padding:16px;display:grid}.station-operation-grid span{color:#178f78;font-size:12px;font-weight:950}.station-operation-grid strong{color:#0f172a;font-size:24px}.station-operation-grid small{color:#5a6778;font-size:12px;line-height:1.6}.supplier-board{scrollbar-width:thin;grid-template-columns:repeat(7,minmax(240px,1fr));gap:14px;max-height:560px;padding:18px;display:grid;overflow:auto}.supplier-stage-column{background:#f8fbfd;border:1px solid #e4edf6;border-radius:22px;align-content:start;gap:12px;min-height:420px;padding:14px;display:grid}.supplier-stage-column header{justify-content:space-between;align-items:center;gap:12px;display:flex}.supplier-stage-column header strong{color:#0f172a}.supplier-stage-column header span{color:#24506c;background:#eaf2f9;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.supplier-stage-column>div{gap:10px;display:grid}.supplier-card{text-align:left;background:#fff;border:1px solid #e4edf6;border-radius:18px;gap:8px;width:100%;padding:14px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid}.supplier-card:hover{border-color:#25c2a06b;transform:translateY(-2px);box-shadow:0 16px 34px #142b4814}.supplier-card strong{color:#0f172a}.supplier-card span,.supplier-card small{color:#68788d;line-height:1.6}.procurement-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.procurement-link-card{gap:14px;display:grid}.procurement-link-card div{gap:9px;display:grid}.procurement-link-card span{color:#24506c;background:#eaf2f9;border-radius:14px;padding:10px 12px;font-size:13px;font-weight:800}.supplier-detail{gap:18px;display:grid}.supplier-detail-grid,.supplier-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.supplier-detail-grid article,.supplier-rule-grid article{background:#f8fbfd;border:1px solid #e4edf6;border-radius:16px;gap:7px;padding:14px;display:grid}.supplier-detail-grid span,.supplier-rule-grid span{color:#68788d;font-size:12px;line-height:1.65}.supplier-detail-grid strong,.supplier-rule-grid strong{color:#0f172a}.metric-card span{color:#66758a;font-size:13px;font-weight:800;display:block}.metric-card strong{color:#0f172a;margin-top:12px;font-size:30px;display:block}.metric-card em{color:#178f78;background:#e3f8f3;border-radius:999px;margin-top:12px;padding:6px 10px;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.module-card{border-radius:24px;min-height:230px;padding:22px;transition:transform .2s,box-shadow .2s}.module-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px #142b4821}.engine-rule-center{gap:16px;display:grid}.engine-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.engine-rule-grid article{background:linear-gradient(135deg,#fff,#f6fafc);border:1px solid #dbeaf1;border-radius:18px;gap:12px;padding:16px;display:grid}.account-security-layout{grid-template-columns:280px 1fr;align-items:stretch;gap:16px;display:grid}.account-security-sidebar{background:#fff;border:1px solid #e4edf6;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.account-security-search-wrap{align-items:center;gap:8px;display:flex;position:relative}.account-security-search{background:#f8fafc;border:1px solid #e4edf6;border-radius:8px;outline:none;flex:1;padding:9px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.account-security-search:focus{background:#fff;border-color:#2f6fed;box-shadow:0 0 0 3px #2f6fed1f}.account-security-search-count{color:#5a7a94;background:#f1f5f9;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:600}.account-security-user-list{flex-direction:column;gap:6px;max-height:460px;padding-right:4px;display:flex;overflow-y:auto}.account-security-user-list::-webkit-scrollbar{width:5px}.account-security-user-list::-webkit-scrollbar-thumb{background:#e4edf6;border-radius:999px}.account-security-user-item{cursor:pointer;text-align:left;background:#fff;border:1px solid #e4edf6;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:all .18s;display:flex}.account-security-user-item:hover{background:#f8fafc;border-color:#c3d4e6}.account-security-user-item.active{background:#2f6fed0f;border-color:#2f6fed}.account-security-user-avatar{color:#fff;background:linear-gradient(135deg,#2f6fed,#1e5fcc);border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:grid}.account-security-user-item.active .account-security-user-avatar{box-shadow:0 2px 8px #2f6fed4d}.account-security-user-info{flex:1;min-width:0}.account-security-user-info strong{color:#0f1d2a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.account-security-user-info span{color:#8fa5ba;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;display:block;overflow:hidden}.account-security-status-dot{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:8px;height:8px}.account-security-status-dot.online{background:#22c55e;box-shadow:0 0 0 3px #22c55e2e}.account-security-status-dot.pending{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b2e}.account-security-status-dot.disabled{background:#ef4444;box-shadow:0 0 0 3px #ef44442e}.account-security-detail{background:#fff;border:1px solid #e4edf6;border-radius:12px;flex-direction:column;gap:18px;padding:20px;display:flex}.account-security-detail-header{border-bottom:1px solid #e4edf6;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.account-security-detail-user{align-items:center;gap:12px;display:flex}.account-security-detail-avatar{color:#fff;background:linear-gradient(135deg,#2f6fed,#1e5fcc);border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:grid}.account-security-detail-header strong{color:#0f1d2a;font-size:16px;display:block}.account-security-detail-header span{color:#8fa5ba;margin-top:3px;font-size:12px;display:block}.account-security-tabs{background:#f1f5f9;border-radius:10px;gap:8px;padding:4px;display:flex}.account-security-tabs button{color:#5a7a94;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.account-security-tabs button:hover{color:#0f1d2a}.account-security-tabs button.active{color:#2f6fed;background:#fff;box-shadow:0 1px 3px #00000014}.account-security-tab-icon{font-size:15px;line-height:1}.account-security-form{flex-direction:column;gap:14px;display:flex}.account-security-form label{color:#5a7a94;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.account-security-form input{background:#f8fafc;border:1px solid #e4edf6;border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.account-security-form input:focus{background:#fff;border-color:#2f6fed;box-shadow:0 0 0 3px #2f6fed1f}.account-security-form .primary-button{align-self:flex-start;min-width:140px}.account-security-hint{background:#2f6fed0d;border:1px solid #2f6fed1f;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.account-security-hint-icon{color:#fff;background:#2f6fed;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:grid}.account-security-hint p{color:#5a7a94;font-size:13px;line-height:1.7}.account-security-hint strong{color:#2f6fed}.account-security-result{border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;font-size:13px;display:flex}.account-security-result.success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.account-security-result.success strong{letter-spacing:.03em;font-size:16px}.account-security-result.success span{color:#64748b;font-size:12px}.account-security-result.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.account-security-empty{background:#f8fafc;border:1px dashed #e4edf6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:280px;display:flex}.account-security-empty-icon{opacity:.4;margin-bottom:4px;font-size:36px}.account-security-empty strong{color:#0f1d2a;font-size:15px}.account-security-empty span{color:#8fa5ba;font-size:13px}@media (width<=768px){.account-security-layout{grid-template-columns:1fr}}.engine-rule-grid header{justify-content:space-between;gap:12px;display:flex}.engine-rule-grid header div{gap:4px;display:grid}.topbar-user-btn{background:var(--surface-muted,#f5f7fa);border:1px solid var(--border,#e4edf6);color:var(--text);cursor:pointer;border-radius:6px;min-height:36px;padding:6px 12px;font-size:13px;transition:all .15s}.topbar-user-btn:hover{background:var(--brand-light,#eef2ff);border-color:var(--brand,#4f46e5)}.showcase-root{z-index:9999;color:#e2e8f0;background:radial-gradient(60% 40% at 15% 0,#10b98114,#0000 60%),radial-gradient(50% 35% at 85% 5%,#3b82f61a,#0000 50%),radial-gradient(70% 50% at 50% 100%,#22c55e0a,#0000 60%),linear-gradient(165deg,#060b14 0%,#0a1322 35%,#08111c 70%,#060b14 100%);flex-direction:column;gap:0;font-family:Microsoft YaHei,PingFang SC,-apple-system,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden auto}.showcase-root:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#3b82f60f 0%,#0000 100%);height:200px;position:absolute;top:0;left:0;right:0}.showcase-topbar{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#0f172ad9,#0f172a8c);border-bottom:1px solid #60a5fa1f;justify-content:space-between;align-items:center;gap:24px;padding:18px 32px;display:flex;position:relative}.showcase-brand{flex-shrink:0;align-items:center;gap:14px;display:flex}.showcase-logo{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;font-weight:900;display:flex;box-shadow:0 0 24px #10b98159,0 4px 16px #0000004d}.showcase-brand-text h1{color:#f1f5f9;letter-spacing:1px;margin:0;font-size:24px;font-weight:700}.showcase-brand-text p{color:#64d2b0;letter-spacing:2px;margin:2px 0 0;font-size:13px}.showcase-kpi-row{flex:1;justify-content:center;gap:16px;display:flex}.showcase-kpi-card{text-align:center;background:linear-gradient(#ffffff0a,#ffffff03);border:1px solid #ffffff0f;border-radius:14px;min-width:180px;padding:14px 20px;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.showcase-kpi-card:before{content:"";background:var(--kpi-color,#3b82f6);height:3px;box-shadow:0 0 12px var(--kpi-color,#3b82f6);position:absolute;top:0;left:0;right:0}.showcase-kpi-card:hover{border-color:var(--kpi-color,#3b82f6);transform:translateY(-3px)}.kpi-card-value{justify-content:center;align-items:baseline;gap:4px;display:flex}.kpi-number{color:#f8fafc;text-shadow:0 0 20px var(--kpi-color,#3b82f64d);font-family:DIN Alternate,Impact,sans-serif;font-size:42px;font-weight:800;line-height:1}.kpi-unit{color:#94a3b8;font-size:15px;font-weight:500}.kpi-card-label{color:#94a3b8;letter-spacing:1px;margin-top:6px;font-size:13px}.showcase-status{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.showcase-production-status{background:#10b9811f;border:1px solid #10b98140;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;display:flex}.showcase-production-status .status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite showcase-pulse;box-shadow:0 0 10px #10b981}.showcase-production-status .status-text{color:#6ee7b7;font-size:13px;font-weight:600}@keyframes showcase-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.showcase-datetime{color:#94a3b8;flex-direction:column;align-items:flex-end;gap:2px;font-size:13px;display:flex}.showcase-time{color:#cbd5e1;font-family:DIN Alternate,Consolas,monospace;font-size:16px;font-weight:600}.showcase-exit-btn{color:#94a3b8;cursor:pointer;background:#94a3b814;border:1px solid #94a3b833;border-radius:6px;margin-top:4px;padding:4px 12px;font-size:12px;transition:all .2s}.showcase-exit-btn:hover{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.showcase-switch-btn{font-weight:600;position:relative;color:#059669!important;background:linear-gradient(135deg,#10b9811f,#3b82f614)!important;border-color:#10b98140!important}.showcase-switch-btn:before{content:"";vertical-align:middle;background:#10b981;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 6px #10b98180}.showcase-switch-btn:hover{color:#047857!important;background:linear-gradient(135deg,#10b98133,#3b82f61f)!important;border-color:#10b98166!important}.showcase-chain-section{z-index:1;padding:20px 32px 16px;position:relative}.showcase-section-title{align-items:center;gap:10px;margin-bottom:14px;display:flex}.showcase-section-title .title-icon{font-size:20px}.showcase-section-title>span:nth-child(2){color:#e2e8f0;letter-spacing:2px;font-size:18px;font-weight:700}.showcase-section-title .title-tag{color:#22c55e;letter-spacing:0;background:#22c55e26;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:500}.showcase-chain-flow{justify-content:center;align-items:stretch;gap:0;display:flex}.showcase-chain-node{cursor:pointer;text-align:center;background:linear-gradient(#1e293b99,#0f172a66);border:1px solid #60a5fa1a;border-radius:16px;flex:1;max-width:260px;padding:18px 16px;transition:all .3s;position:relative}.showcase-chain-node:hover{border-color:#60a5fa59;transform:translateY(-4px);box-shadow:0 12px 32px #3b82f61f}.chain-node-icon{margin-bottom:8px;font-size:32px}.chain-node-title{color:#e2e8f0;letter-spacing:1px;margin-bottom:12px;font-size:16px;font-weight:700}.chain-node-metrics{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.chain-metric{justify-content:center;align-items:baseline;gap:4px;display:flex}.chain-metric-value{color:#60a5fa;font-family:DIN Alternate,Impact,sans-serif;font-size:22px;font-weight:700}.chain-metric-value small{color:#64748b;margin-left:2px;font-size:12px;font-weight:400}.chain-metric-label{color:#64748b;font-size:12px}.chain-node-desc{color:#475569;border-top:1px solid #94a3b814;margin-top:4px;padding-top:8px;font-size:12px}.showcase-chain-node.has-tag{background:linear-gradient(#14532d40,#0f172a80);border-color:#22c55e40}.showcase-chain-node.has-tag:hover{border-color:#22c55e80;box-shadow:0 12px 32px #22c55e26}.chain-node-tag{color:#fff;white-space:nowrap;letter-spacing:1px;background:linear-gradient(135deg,#22c55e,#10b981);border-radius:10px;padding:2px 12px;font-size:10px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #22c55e4d}.pc-preview-showcase{flex-direction:column;gap:14px;padding:16px;display:flex}.showcase-preview-hero{color:#e2e8f0;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.sph-brand{align-items:center;gap:10px;display:flex}.sph-logo{color:#fff;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex}.sph-text{flex-direction:column;display:flex}.sph-text strong{font-size:14px}.sph-text span{color:#64748b;font-size:11px}.sph-kpi-row{gap:12px;display:flex}.sph-kpi{flex-direction:column;align-items:flex-end;display:flex}.sph-kpi strong{color:#60a5fa;font-family:DIN Alternate,sans-serif;font-size:20px}.sph-kpi small{color:#64748b;margin-left:2px;font-size:10px}.sph-kpi span{color:#475569;font-size:10px}.sph-kpi.highlight strong{color:#22c55e}.showcase-preview-chain{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 12px;display:flex}.spc-node{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:100px;padding:8px 10px;display:flex}.spc-node.key{background:#f0fdf4;border-color:#22c55e}.spc-node.key .spc-title{color:#16a34a}.spc-icon{font-size:18px}.spc-title{color:#334155;font-size:11px;font-weight:700}.spc-tag{color:#fff;background:#22c55e;border-radius:6px;padding:1px 6px;font-size:9px;font-weight:700}.spc-metrics{color:#64748b;text-align:center;font-size:10px}.spc-arrow{color:#cbd5e1;font-size:14px}.showcase-preview-dual{grid-template-columns:1fr 1fr;gap:10px;display:grid}.spd-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.spd-card strong{color:#334155;margin-bottom:6px;font-size:12px;display:block}.spd-metrics{flex-direction:column;gap:3px;display:flex}.spd-metrics span{color:#64748b;font-size:11px}.showcase-preview-partners{background:#f1f5f9;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.showcase-preview-partners span{color:#64748b;font-size:11px}.showcase-preview-partners strong{color:#334155;font-size:11px}.showcase-preview-hint{text-align:center;color:#94a3b8;padding:6px;font-size:11px}.showcase-preview-enter-btn{color:#059669;cursor:pointer;background:linear-gradient(135deg,#10b9811a,#3b82f60f);border:1px solid #10b9814d;border-radius:8px;width:100%;margin-top:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:block}.showcase-preview-enter-btn:hover{color:#047857;background:linear-gradient(135deg,#10b9812e,#3b82f61a);border-color:#10b98180;transform:translateY(-1px)}.showcase-preview-modules{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px;display:grid}.spm-card{text-align:center;background:#3b82f60a;border:1px solid #3b82f61a;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.spm-icon{font-size:20px}.spm-card strong{color:#334155;font-size:12px}.spm-desc{color:#64748b;font-size:10px;line-height:1.4}.showcase-region-overview{background:#3b82f60d;border:1px solid #3b82f61f;border-radius:12px;gap:12px;margin-bottom:16px;padding:14px;display:flex}.sro-item{text-align:center;flex:1}.sro-item strong{color:#3b82f6;font-family:DIN Alternate,sans-serif;font-size:26px;font-weight:800;line-height:1.2;display:block}.sro-item strong small{color:#64748b;margin-left:2px;font-size:12px;font-weight:400}.sro-item span{color:#64748b;font-size:11px}.showcase-region-section{margin-bottom:16px}.srs-title,.scs-title,.spf-title,.sls-title,.swz-title{color:#e2e8f0;border-left:3px solid #3b82f6;margin-bottom:10px;padding-left:10px;font-size:14px;font-weight:700}.showcase-region-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.region-card{background:#1e293b66;border:1px solid #94a3b81a;border-radius:10px;padding:12px}.region-card-header{color:#e2e8f0;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.region-dot{border-radius:50%;width:8px;height:8px}.north-china .region-dot{background:#3b82f6}.northeast .region-dot{background:#f59e0b}.southwest .region-dot{background:#8b5cf6}.shandong .region-dot{background:#10b981}.rc-stats{gap:12px;margin-bottom:4px;display:flex}.rc-stats span{color:#94a3b8;font-size:12px}.rc-stats b{color:#60a5fa}.rc-areas{color:#cbd5e1;margin-bottom:4px;font-size:12px}.rc-suppliers{color:#64748b;margin-bottom:6px;font-size:11px}.rc-status{border-radius:6px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.status-active{color:#22c55e;background:#22c55e26}.status-reserve{color:#f59e0b;background:#f59e0b26}.showcase-channel-section{margin-bottom:16px}.channel-achievement-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ca-card{background:#1e293b66;border:1px solid #94a3b81a;border-radius:10px;gap:10px;padding:12px;display:flex}.ca-card.benchmark{background:#14532d26;border-color:#22c55e33}.ca-icon{flex-shrink:0;font-size:24px}.ca-body{flex-direction:column;gap:3px;display:flex}.ca-body strong{color:#e2e8f0;font-size:13px}.ca-stat{color:#60a5fa;font-size:12px;font-weight:600}.ca-card.benchmark .ca-stat{color:#22c55e}.ca-body p{color:#64748b;margin:0;font-size:11px;line-height:1.5}.showcase-prod-equipment{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.spe-line{background:#1e293b66;border:1px solid #94a3b81a;border-radius:10px;padding:12px}.spe-line-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.spe-line-name{color:#e2e8f0;font-size:14px;font-weight:700}.spe-line-product{color:#60a5fa;background:#3b82f61a;border-radius:6px;padding:2px 10px;font-size:12px}.spe-line-specs{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:8px;display:grid}.spe-spec{flex-direction:column;gap:1px;display:flex}.spe-spec span{color:#64748b;font-size:11px}.spe-spec strong{color:#cbd5e1;font-size:12px;font-weight:600}.spe-line-metrics{border-top:1px solid #94a3b814;flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.spe-line-metrics span{color:#94a3b8;font-size:12px}.spe-line-metrics b{color:#60a5fa}.health-good{color:#22c55e!important}.showcase-process-flow{margin-bottom:16px}.spf-chain{align-items:stretch;gap:0;display:flex;overflow-x:auto}.spf-step{background:#1e293b4d;border:1px solid #94a3b814;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:100px;padding:10px 6px;display:flex}.spf-step-icon{font-size:20px}.spf-step-name{color:#e2e8f0;font-size:12px;font-weight:600}.spf-step-desc{color:#64748b;text-align:center;font-size:10px}.spf-arrow{color:#3b82f6;align-items:center;padding:0 4px;font-size:16px;display:flex}.showcase-warehouse-overview{background:#3b82f60d;border:1px solid #3b82f61f;border-radius:12px;gap:12px;margin-bottom:16px;padding:14px;display:flex}.swo-item{text-align:center;flex:1}.swo-item strong{color:#3b82f6;font-family:DIN Alternate,sans-serif;font-size:26px;font-weight:800;line-height:1.2;display:block}.swo-item strong small{color:#64748b;margin-left:2px;font-size:12px;font-weight:400}.swo-item span{color:#64748b;font-size:11px}.showcase-warehouse-zones{margin-bottom:16px}.swz-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.swz-zone{background:#1e293b66;border:1px solid #94a3b81a;border-radius:8px;padding:10px 12px}.swz-zone-name{color:#e2e8f0;margin-bottom:4px;font-size:13px;font-weight:700}.swz-zone-spec{color:#60a5fa;margin-bottom:2px;font-size:12px}.swz-zone-items{color:#64748b;font-size:11px}.showcase-logistics-section{margin-bottom:16px}.sls-flow{align-items:stretch;gap:0;display:flex;overflow-x:auto}.sls-step{background:#1e293b4d;border:1px solid #94a3b814;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:100px;padding:10px 6px;display:flex}.sls-step-icon{font-size:20px}.sls-step span:nth-child(2){color:#e2e8f0;font-size:12px;font-weight:600}.sls-step span:nth-child(3){color:#64748b;text-align:center;font-size:10px}.sls-arrow{color:#3b82f6;align-items:center;padding:0 4px;font-size:16px;display:flex}.showcase-chain-arrow{flex-shrink:0;justify-content:center;align-items:center;width:40px;display:flex;position:relative}.showcase-chain-arrow:before{content:"";background:linear-gradient(90deg,#60a5fa1a,#60a5fa66,#60a5fa1a);width:100%;height:2px;position:relative}.showcase-chain-arrow:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #60a5fa66;width:0;height:0;position:absolute;right:6px}.showcase-dual-core{z-index:1;flex:1;grid-template-columns:1fr 1fr;gap:20px;padding:0 32px 16px;display:grid;position:relative}.showcase-left-panel,.showcase-right-panel{background:linear-gradient(#1e293b66,#0f172a4d);border:1px solid #60a5fa14;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.showcase-panel-header{cursor:pointer;border-bottom:1px solid #60a5fa14;align-items:center;gap:10px;padding:14px 20px;transition:background .2s;display:flex}.showcase-panel-header:hover{background:#60a5fa0a}.panel-header-icon{font-size:20px}.panel-header-title{color:#e2e8f0;letter-spacing:1px;flex:1;font-size:16px;font-weight:700}.panel-header-more{color:#60a5fa;opacity:.7;font-size:13px;transition:opacity .2s}.showcase-panel-header:hover .panel-header-more{opacity:1}.showcase-panel-body{flex-direction:column;gap:16px;padding:16px 20px;display:flex}.sub-section-title{color:#94a3b8;letter-spacing:1px;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.production-line-cards{gap:12px;display:flex}.prod-line-card{background:#10b98108;border:1px solid #10b9811a;border-radius:12px;flex:1;padding:14px}.prod-line-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.prod-line-name{color:#e2e8f0;font-size:15px;font-weight:700}.prod-line-status{color:#6ee7b7;align-items:center;gap:5px;font-size:13px;display:flex}.status-led{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite showcase-pulse;box-shadow:0 0 8px #10b981}.prod-line-metrics{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px;display:grid}.prod-metric{text-align:center}.prod-metric-val{color:#f8fafc;font-family:DIN Alternate,Impact,sans-serif;font-size:20px;font-weight:700;line-height:1.2;display:block}.prod-metric-val small{color:#64748b;font-size:11px;font-weight:400}.prod-metric-val.prod-health{color:#6ee7b7}.prod-metric-lbl{color:#475569;margin-top:2px;font-size:11px;display:block}.prod-line-product{color:#64748b;border-top:1px solid #94a3b80f;padding-top:6px;font-size:12px}.delivery-kpi-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.delivery-kpi-item{text-align:center;background:#3b82f608;border:1px solid #60a5fa14;border-radius:10px;padding:12px}.delivery-kpi-val{color:#60a5fa;font-family:DIN Alternate,Impact,sans-serif;font-size:24px;font-weight:800;line-height:1.2;display:block}.delivery-kpi-val small{color:#64748b;font-size:12px;font-weight:400}.delivery-kpi-lbl{color:#94a3b8;margin-top:4px;font-size:12px;display:block}.quality-gate-flow{align-items:center;gap:0;margin-bottom:12px;display:flex}.quality-gate-card{text-align:center;cursor:pointer;background:#22c55e08;border:1px solid #22c55e1a;border-radius:10px;flex:1;padding:12px;transition:all .2s}.quality-gate-card:hover{border-color:#22c55e4d;transform:translateY(-2px)}.gate-card-title{color:#e2e8f0;margin-bottom:4px;font-size:14px;font-weight:700}.gate-card-rate{color:#4ade80;font-family:DIN Alternate,Impact,sans-serif;font-size:20px;font-weight:800}.gate-card-items{color:#475569;margin-top:2px;font-size:11px}.quality-gate-arrow{flex-shrink:0;justify-content:center;align-items:center;width:24px;display:flex}.quality-gate-arrow:before{content:"›";color:#4ade804d;font-size:20px}.quality-metrics-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.quality-metric-item{text-align:center;padding:8px 4px}.quality-metric-val{color:#4ade80;font-family:DIN Alternate,Impact,sans-serif;font-size:18px;font-weight:700;display:block}.quality-metric-val small{color:#64748b;font-size:11px;font-weight:400}.quality-metric-lbl{color:#64748b;margin-top:2px;font-size:11px;display:block}.green-highlight-badge{color:#4ade80;background:#22c55e26;border:1px solid #22c55e40;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.green-kpi-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;display:grid}.green-kpi-item{text-align:center;background:#22c55e08;border:1px solid #22c55e14;border-radius:10px;padding:12px}.green-kpi-item.highlight{background:#22c55e0f;border-color:#22c55e40}.green-kpi-val{color:#4ade80;text-shadow:0 0 16px #22c55e33;font-family:DIN Alternate,Impact,sans-serif;font-size:24px;font-weight:800;line-height:1.2;display:block}.green-kpi-val small{color:#64748b;font-size:12px;font-weight:400}.green-kpi-item.highlight .green-kpi-val{font-size:28px}.green-kpi-lbl{color:#94a3b8;margin-top:4px;font-size:12px;display:block}.cert-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.cert-badge{text-align:center;cursor:pointer;background:#60a5fa08;border:1px solid #60a5fa14;border-radius:10px;padding:10px 6px;transition:all .2s}.cert-badge:hover{border-color:#60a5fa40;transform:translateY(-2px)}.cert-icon{margin-bottom:4px;font-size:24px;display:block}.cert-name{color:#94a3b8;white-space:pre-line;font-size:11px;line-height:1.4;display:block}.showcase-bottom-bar{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#0f172a66,#0f172ad9);border-top:1px solid #60a5fa1a;grid-template-columns:1.2fr 1fr .8fr;gap:24px;padding:16px 32px;display:grid;position:relative}.bottom-section-label{color:#475569;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:12px}.partner-wall{flex-wrap:wrap;gap:8px;display:flex}.partner-logo{color:#94a3b8;background:#60a5fa08;border:1px solid #60a5fa1a;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:500;transition:all .2s}.partner-logo:hover{color:#cbd5e1;border-color:#60a5fa40}.honor-row{flex-wrap:wrap;gap:8px;display:flex}.honor-item{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf241f;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:500}.industry-value-text{color:#94a3b8;margin:0;font-size:13px;line-height:1.6}.showcase-popup-overlay{z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out showcase-fade-in;display:flex;position:fixed;inset:0}@keyframes showcase-fade-in{0%{opacity:0}to{opacity:1}}.showcase-popup-modal{background:linear-gradient(#0f172a,#0a1120);border:1px solid #60a5fa26;border-radius:16px;flex-direction:column;width:90%;max-width:800px;max-height:calc(100vh - 80px);animation:.3s ease-out showcase-slide-up;display:flex;overflow:hidden;box-shadow:0 24px 64px #0006}@keyframes showcase-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.showcase-popup-header{border-bottom:1px solid #60a5fa1a;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.showcase-popup-header h2{color:#e2e8f0;letter-spacing:1px;margin:0;font-size:18px;font-weight:700}.showcase-popup-close{color:#94a3b8;cursor:pointer;background:#94a3b80d;border:1px solid #94a3b826;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:flex}.showcase-popup-close:hover{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.showcase-popup-body{padding:24px;overflow-y:auto}.showcase-detail-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.showcase-detail-card{background:#1e293b66;border:1px solid #60a5fa14;border-radius:10px;flex-direction:column;gap:6px;padding:16px;display:flex}.detail-card-label{color:#64748b;font-size:13px}.detail-card-value{color:#e2e8f0;font-size:15px;font-weight:700}.showcase-detail-table{border-collapse:collapse;width:100%}.showcase-detail-table th,.showcase-detail-table td{text-align:center;border-bottom:1px solid #60a5fa0f;padding:10px 12px;font-size:13px}.showcase-detail-table th{color:#94a3b8;background:#1e293b66;font-weight:600}.showcase-detail-table td{color:#cbd5e1}.showcase-detail-table .status-green{color:#4ade80;font-weight:600}.showcase-quality-gate-detail{background:#22c55e08;border:1px solid #22c55e14;border-radius:10px;margin-bottom:10px;padding:14px}.gate-detail-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.gate-detail-title{color:#e2e8f0;font-size:15px;font-weight:700}.gate-detail-rate{color:#4ade80;font-size:16px;font-weight:700}.gate-detail-items{flex-wrap:wrap;gap:6px;display:flex}.gate-detail-item{color:#86efac;background:#22c55e0f;border:1px solid #22c55e14;border-radius:6px;padding:4px 10px;font-size:12px}.showcase-cert-detail{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}.cert-detail-badge{text-align:center;background:#60a5fa08;border:1px solid #60a5fa14;border-radius:10px;padding:12px 8px}.cert-detail-icon{margin-bottom:6px;font-size:28px;display:block}.cert-detail-name{color:#94a3b8;white-space:pre-line;font-size:12px;line-height:1.4;display:block}.showcase-detail-note{background:#1e293b66;border-left:3px solid #60a5fa4d;border-radius:8px;margin-top:16px;padding:14px}.showcase-detail-note p{color:#94a3b8;margin:0 0 4px;font-size:13px;line-height:1.6}.showcase-detail-note p:last-child{margin-bottom:0}@media (width<=1280px){.showcase-topbar{flex-wrap:wrap;gap:12px}.showcase-kpi-row{order:3;justify-content:space-between;width:100%}.showcase-kpi-card{flex:1;min-width:0}.kpi-number{font-size:32px}.showcase-chain-flow{flex-wrap:wrap;justify-content:center;gap:12px}.showcase-chain-node{max-width:45%}.showcase-chain-arrow{display:none}.showcase-dual-core{grid-template-columns:1fr}}@media (width<=768px){.showcase-root{font-size:14px}.showcase-topbar{flex-direction:column;align-items:stretch;padding:12px 16px}.showcase-brand{justify-content:center}.showcase-kpi-row{flex-wrap:wrap;gap:8px}.showcase-kpi-card{min-width:45%;padding:10px 12px}.kpi-number{font-size:28px}.showcase-status{align-items:center}.showcase-chain-section{padding:12px 16px}.showcase-chain-node{max-width:100%}.showcase-dual-core{gap:12px;padding:0 16px 12px}.prod-line-metrics,.delivery-kpi-grid,.quality-metrics-row,.green-kpi-grid,.cert-row{grid-template-columns:repeat(2,1fr)}.showcase-bottom-bar{grid-template-columns:1fr;gap:12px;padding:12px 16px}.showcase-detail-grid{grid-template-columns:1fr}.showcase-cert-detail{grid-template-columns:repeat(2,1fr)}.showcase-popup-modal{width:95%}}.showcase-mid-dual{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.showcase-network-panel,.showcase-factory-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;border:1px solid #60a5fa1f;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.showcase-map-area{cursor:pointer;transition:opacity .2s}.showcase-map-area:hover{opacity:.92}.map-placeholder{background:#0f172a99;border:1px solid #60a5fa14;border-radius:8px;height:220px;position:relative;overflow:hidden}.map-grid-bg{background-image:linear-gradient(#60a5fa0f 1px,#0000 1px),linear-gradient(90deg,#60a5fa0f 1px,#0000 1px);background-size:24px 24px;width:100%;height:100%}.map-region-dot{background:var(--region-color,#3b82f6);cursor:pointer;z-index:2;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%)}.map-region-dot:after{content:"";background:var(--region-color,#3b82f6);opacity:.35;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite mapPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes mapPulse{0%{opacity:.35;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(3.5)}}.region-north{top:32%;left:46%}.region-northeast{top:26%;left:68%}.region-southwest{top:58%;left:32%}.region-shandong{top:38%;left:58%}.map-dot-label{white-space:nowrap;color:#e2e8f0;text-shadow:0 0 4px #000c;font-size:12px;font-weight:600;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.map-dot-capacity{white-space:nowrap;color:#94a3b8;font-size:11px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.showcase-region-list{flex-direction:column;gap:6px;display:flex}.region-list-item{cursor:pointer;background:#1e293b66;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:12px;transition:background .2s;display:flex}.region-list-item:hover{background:#1e293bb3}.rli-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.rli-name{color:#e2e8f0;flex:1;font-weight:500}.rli-suppliers,.rli-capacity{color:#94a3b8;text-align:right;width:65px}.rli-status{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.showcase-video-area{flex-direction:column;gap:10px;display:flex}.video-main-window{aspect-ratio:16/9;background:#0a0f1a;border:1px solid #60a5fa1a;border-radius:8px;position:relative;overflow:hidden}.video-placeholder{color:#e2e8f0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;display:flex;position:relative}.video-placeholder-icon{opacity:.7;font-size:44px}.video-placeholder-text{font-size:16px;font-weight:600}.video-placeholder-desc{color:#64748b;font-size:12px}.video-live-badge{color:#fff;letter-spacing:1px;background:#ef4444;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:flex;position:absolute;top:10px;left:10px}.video-live-badge:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s infinite liveBlink}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.3}}.video-thumb-row{gap:8px;display:flex}.video-thumb{aspect-ratio:16/9;color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #0000;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;transition:all .2s;display:flex}.video-thumb:hover{color:#e2e8f0;border-color:#60a5fa4d}.video-thumb.active{color:#60a5fa;background:#3b82f61a;border-color:#3b82f6}.vt-icon{font-size:20px}.showcase-factory-status-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.factory-status-card{background:#1e293b59;border:1px solid #60a5fa14;border-radius:8px;gap:10px;padding:12px;display:flex}.fsc-icon{flex-shrink:0;font-size:22px}.fsc-body{flex-direction:column;gap:2px;display:flex}.fsc-label{color:#64748b;font-size:11px}.fsc-value{color:#e2e8f0;font-size:16px;font-weight:700}.fsc-value small{color:#94a3b8;margin-left:2px;font-size:11px;font-weight:400}.fsc-sub{color:#94a3b8;font-size:11px}.showcase-bottom-modules{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.showcase-module-card{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;border:1px solid #60a5fa1f;border-radius:12px;padding:16px;transition:transform .2s,border-color .2s}.showcase-module-card:hover{border-color:#60a5fa4d;transform:translateY(-3px)}.module-card-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.mc-icon{font-size:18px}.mc-title{color:#e2e8f0;flex:1;font-size:14px;font-weight:600}.mc-more{color:#64748b;font-size:18px;transition:color .2s}.showcase-module-card:hover .mc-more{color:#60a5fa}.capacity-ring-area{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.capacity-bar-item{flex-direction:column;gap:4px;display:flex}.cbi-label-row{justify-content:space-between;font-size:12px;display:flex}.cbi-label{color:#94a3b8}.cbi-value{color:#e2e8f0;font-weight:600}.cbi-bar-track{background:#94a3b81a;border-radius:3px;height:6px;overflow:hidden}.cbi-bar-fill{border-radius:3px;height:100%;transition:width 1.2s ease-out}.module-card-stats{border-top:1px solid #60a5fa14;gap:12px;padding-top:10px;display:flex}.module-card-stats span{color:#64748b;font-size:11px}.module-card-stats b{color:#e2e8f0;font-weight:600}.quality-chain-compact{align-items:center;gap:2px;margin-bottom:12px;padding-bottom:6px;display:flex;overflow-x:auto}.qc-step{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:60px;display:flex}.qc-icon{font-size:18px}.qc-name{color:#cbd5e1;text-align:center;white-space:nowrap;font-size:10px}.qc-arrow{color:#3b82f6;flex-shrink:0;font-size:12px}.delivery-stat-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.ds-item{text-align:center;background:#1e293b4d;border-radius:6px;padding:8px 4px}.ds-value{color:#60a5fa;font-family:DIN Alternate,Helvetica Neue,sans-serif;font-size:22px;font-weight:700;display:block}.ds-value small{color:#94a3b8;margin-left:2px;font-size:12px;font-weight:400}.ds-label{color:#64748b;margin-top:2px;font-size:11px;display:block}@media (width<=1400px){.showcase-mid-dual{grid-template-columns:1fr}.showcase-bottom-modules{grid-template-columns:repeat(2,1fr)}.map-placeholder{height:180px}}@media (width<=768px){.showcase-bottom-modules,.showcase-factory-status-grid,.delivery-stat-grid{grid-template-columns:1fr}.quality-chain-compact{overflow-x:scroll}}.perm-popover{border:1px solid var(--border,#e4edf6);z-index:200;background:#fff;border-radius:8px;width:340px;max-height:480px;margin-top:8px;padding:16px;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.perm-popover-header{border-bottom:1px solid var(--border,#e4edf6);flex-direction:column;gap:2px;margin-bottom:12px;padding-bottom:12px;display:flex}.perm-popover-header strong{font-size:16px}.perm-popover-role{color:var(--text-muted,#8c8c8c);font-size:12px}.perm-popover-section{margin-bottom:12px}.perm-popover-label{color:var(--text-muted,#8c8c8c);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.perm-popover-tags{flex-wrap:wrap;gap:4px;display:flex}.perm-tag{color:#1890ff;white-space:nowrap;background:#e6f7ff;border-radius:12px;padding:3px 8px;font-size:12px}.perm-tag-readonly{color:#fa8c16;background:#fff8e6}.perm-tag.muted{color:#8c8c8c;background:#f5f5f5}.mobile-workspace-btn{min-height:36px;padding:6px 12px;font-size:12px}.module-perm-bar{background:#f0f9ff;border-bottom:1px solid #e6f7ff;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 24px;font-size:13px;display:flex}.mpb-label{color:#096dd9;white-space:nowrap;font-weight:500}.mpb-readonly{color:#fa8c16;background:#fff8e6;border-radius:12px;padding:2px 8px;font-size:12px}.mpb-tag{color:#1890ff;background:#e6f7ff;border-radius:12px;padding:2px 8px;font-size:12px}.mpb-tag.muted{color:#8c8c8c;background:#f5f5f5}.mobile-workspace-overlay{z-index:999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mobile-workspace-overlay.locked{z-index:9999;background:#f1f5f9}.mobile-workspace-overlay.locked .mobile-workspace-modal{border-radius:0;width:100%;max-width:480px;height:100vh;max-height:100vh}.mobile-workspace-overlay.locked .logout-btn{color:#dc2626;border-color:#fecaca}.mobile-workspace-modal{z-index:1000;background:#fff;border-radius:8px;width:90%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 12px #00000026}.mobile-workspace-modal header{border-bottom:1px solid var(--border,#f0f0f0);z-index:1;background:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.mobile-workspace-body{justify-content:center;padding:16px;display:flex}.phone-todo-item{background:var(--surface-muted,#f5f7fa);cursor:pointer;border-radius:8px;flex-direction:column;gap:2px;margin-bottom:6px;padding:8px 12px;transition:background .15s;display:flex}.phone-todo-item:hover{background:#eef2ff}.phone-todo-title{color:var(--text);font-size:13px;font-weight:500}.phone-todo-node{color:var(--text-muted,#8c8c8c);font-size:11px}.phone-todo-module{color:#6366f1;background:#eef2ff;border-radius:3px;align-self:flex-start;padding:1px 6px;font-size:10px}.engine-rule-grid header strong{color:#0f172a;font-size:15px}.engine-rule-grid header span{color:#68788d;font-size:12px;line-height:1.55}.engine-rule-grid header em{color:#17415c;white-space:nowrap;background:#eaf2fb;border-radius:999px;height:fit-content;padding:5px 9px;font-size:11px;font-style:normal;font-weight:950}.engine-rule-grid footer{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.engine-rule-grid footer b,.engine-rule-grid footer small{color:#68788d;font-size:11px;font-weight:900}.engine-rule-grid footer small{background:#eef6f8;border-radius:999px;padding:5px 8px}.module-index{color:#fff;background:linear-gradient(135deg,#2f6fed,#25c2a0);border-radius:12px;justify-content:center;align-items:center;width:42px;height:32px;font-weight:900;display:inline-flex}.module-card h3{color:#0f172a;margin:18px 0 10px}.feature-tags,.standard-list,.feature-list{flex-wrap:wrap;gap:10px;display:flex}.feature-tags span,.standard-list span,.feature-list span{color:#24506c;background:#eaf2f9;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800}.two-column,.engine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.panel,.engine-card{border-radius:26px;padding:26px}.panel-title{margin-bottom:20px}.panel-title.horizontal{justify-content:space-between;align-items:center;gap:20px;display:flex}.process-line,.workflow{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.process-line span,.workflow span{color:#fff;background:linear-gradient(135deg,#17415c,#178f78);border-radius:18px;min-height:72px;padding:16px 12px;font-weight:800;position:relative}.module-hero{background:linear-gradient(135deg,#fffffff0,#f4faf8e6),radial-gradient(circle at 95% 10%,#25c2a042,#0000 30%);grid-template-columns:1fr 1fr}.module-hero.permission-hero{color:#fff;background:radial-gradient(circle at 82% 18%,#25c2a05c,#0000 28%),radial-gradient(circle at 12% 92%,#2f6fed38,#0000 34%),linear-gradient(135deg,#0b1f37 0%,#123d4d 58%,#0c1f34 100%)}.module-hero.permission-hero .eyebrow{color:#7ef0d5}.module-hero.permission-hero h2{color:#fff;text-shadow:0 2px 18px #0000003d}.module-hero.permission-hero p:not(.eyebrow){color:#ecf5ffd1}.module-hero.permission-hero .outline-button{color:#fff;background:#ffffff1f;border-color:#ffffff38}.module-hero.permission-hero .outline-button:hover{background:#fff3;border-color:#fff6}.module-hero.permission-hero .primary-button{color:#fff;background:linear-gradient(135deg,#25c2a0,#178f78);border:0;box-shadow:0 8px 24px #25c2a04d}.module-hero.procurement-hero{color:#fff;background:radial-gradient(circle at 12% 0,#7ef0d542,#0000 34%),radial-gradient(circle at 88% 12%,#2f6fed33,#0000 30%),linear-gradient(135deg,#10243b 0%,#145c58 58%,#102b43 100%);box-shadow:0 26px 70px #0c243e3d}.module-hero.procurement-hero h2{color:#fff;text-shadow:0 2px 18px #0000003d}.module-hero.procurement-hero p:not(.eyebrow){color:#ecfffae0}.module-hero.procurement-hero .eyebrow{color:#7ef0d5}.module-hero.procurement-hero{grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr)}.hero-sop-overview{gap:12px;min-width:0;display:grid}.hero-sop-title{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.outline-button.light{color:#d9fff6;background:#ffffff14;border-color:#7ef0d55c}.outline-button.light:hover{background:#ffffff24}.process-main-flow.hero-flow{background:#ffffff14;border-color:#7ef0d53d;box-shadow:0 18px 42px #0000001f}.process-main-flow.hero-flow article{background:radial-gradient(circle at 100% 0,#7ef0d529,#0000 34%),#ffffffe6;border-right-color:#7ef0d52e;min-height:66px;padding:12px 10px}.process-key-gates.hero-gates{background:0 0;border:0;padding:0}.process-key-gates.hero-gates span{color:#d9fff6;background:#ffffff1a;border:1px solid #7ef0d538}.hero-sop-detail-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.hero-sop-detail-strip article{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #7ef0d52e;border-radius:16px;gap:5px;min-height:88px;padding:10px;display:grid}.hero-sop-detail-strip em{color:#7ef0d5;font-size:11px;font-style:normal;font-weight:950}.hero-sop-detail-strip strong{color:#fff;font-size:12px}.hero-sop-detail-strip span,.hero-sop-detail-strip small{color:#ecfffad1;font-size:10.5px;line-height:1.45}.compact-assignment-entry.hero-assignment-rules .admin-assignment-entry{border-top:0;margin-top:0;padding-top:0}.module-hero.procurement-hero .procurement-control-rules{background:#05202d6b;border-color:#7ef0d538}.module-hero.procurement-hero .procurement-control-rules span{color:#ecfffae6}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf2f7;padding:15px 14px}th{color:#607086;background:#f7fafc;font-size:13px}td{color:#233044}.engine-card{color:#fff;background:linear-gradient(135deg,#0d1f36f5,#145662eb),repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 80px);border:0;min-height:320px}.engine-card h2{color:#fff}.engine-card ul{gap:14px;margin:28px 0 0;padding:0;list-style:none;display:grid}.engine-card li{color:#ffffffdb;background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;padding:14px 16px}@media (width<=1440px){.role-preview-grid{grid-template-columns:1fr}.role-workspace-layout{grid-template-columns:minmax(200px,220px) minmax(0,1fr);gap:14px;padding:16px}.role-summary-card,.field-rule-card{grid-template-columns:1fr;gap:10px;padding:14px}.pc-preview-shell{grid-template-columns:160px minmax(0,1fr);min-height:280px}.pc-preview-shell nav{gap:5px;padding:10px}.pc-preview-shell nav span{padding:7px 8px;font-size:11px}.pc-preview-shell main{padding:12px}.phone-frame{height:520px;max-height:520px}}@media (width<=1200px){.login-page,.hero-panel,.module-hero,.two-column,.engine-grid,.cockpit-top-row,.cockpit-formula-row,.cockpit-data-row,.cockpit-bottom-row,.permission-layout,.permission-layout.lower,.data-center-layout,.role-workspace-layout,.role-preview-grid,.layout-settings-workbench{grid-template-columns:1fr}.module-grid,.data-center-grid,.data-action-grid,.data-preview-grid,.relation-grid,.biz-params-grid,.industry-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capacity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pipeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-grid{grid-template-columns:1fr}.login-data-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-config article>div{grid-template-columns:repeat(3,minmax(0,1fr))}.department-permission-board{grid-template-columns:1fr}.login-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.org-tree{justify-items:start}.org-chart-children{justify-content:flex-start}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{flex-wrap:wrap;width:100%}.search{flex:1;min-width:240px}.layout-preview-panel{position:static}.pc-foreman-grid,.pc-sales-grid,.pc-sorting-grid{grid-template-columns:1fr}.pc-foreman-card-full{grid-column:auto}.pc-equip-grid{grid-template-columns:repeat(3,1fr)}.pc-form-mini{grid-template-columns:1fr}.pc-foreman-stats{gap:12px}.pc-todo-item{flex-wrap:wrap;gap:6px}.pc-todo-item .pc-todo-workflow{flex:60%;min-width:0}}@media (width<=820px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}nav,.module-grid,.metric-grid,.hero-metrics,.process-line,.workflow,.login-data-wall,.login-flow,.biz-params-grid,.industry-kpi-grid,.capacity-grid,.pipeline-grid,.price-grid,.cockpit-quick-grid,.permission-actions,.customer-library-layout,.workflow-priority-layout,.data-center-grid,.data-action-grid,.data-action-form,.data-preview-grid,.data-center-layout,.relation-grid,.role-workspace-layout,.role-preview-grid,.role-summary-card,.field-rule-card,.pc-preview-shell,.value-grid{grid-template-columns:1fr}.user-card,.permission-matrix article,.workflow-config-list article,.modal-form,.permission-checkboxes,.permission-config article>div,.assign-user-item,.customer-library-row,.id-rule-list article,.data-record-list article,.department-user-row{grid-template-columns:1fr;align-items:start}.department-permission-card header,.assign-user-toolbar{flex-direction:column;align-items:stretch}.modal-backdrop{padding:10px}.org-chart-node,.org-chart-node.root,.org-node-main{width:210px;min-width:210px;max-width:210px}.user-card .row-actions{grid-column:auto}.main,.login-page{padding:18px}.panel,.engine-card{border-radius:16px;padding:16px}.cockpit-industry-panel{padding:22px}.industry-kpi-card.featured{grid-row:auto;min-height:190px}.industry-kpi-card.featured strong{font-size:38px}.login-copy{min-height:auto;padding:34px}.login-card.redesigned{border:1px solid #d2deebe6;border-radius:28px;min-height:auto;margin:18px}.topbar-actions{flex-direction:column;align-items:stretch}.search{width:100%}}.form-templates-library .form-template-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:16px 0;display:grid}.form-template-card{background:var(--bg2,#f1f5f9);cursor:pointer;border:2px solid #0000;border-radius:10px;padding:20px;transition:all .2s}.form-template-card:hover,.form-template-card.selected{border-color:var(--accent,#0d9488);background:#fff}.form-template-card .form-template-code{color:var(--accent,#0d9488);margin-bottom:6px;font-size:.78rem;font-weight:600}.form-template-card strong{margin-bottom:4px;font-size:1rem;display:block}.form-template-card p{color:var(--muted,#64748b);font-size:.82rem}.form-template-detail{border:1px solid var(--border,#e2e8f0);border-radius:10px;margin-top:16px;overflow:hidden}.form-template-detail-header{background:var(--bg2,#f1f5f9);border-bottom:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.form-template-detail-header strong{font-size:1rem}.form-template-fields{padding:0}.form-template-fields table{border-collapse:collapse;width:100%;font-size:.88rem}.form-template-fields th,.form-template-fields td{text-align:left;border-bottom:1px solid var(--border,#e2e8f0);padding:10px 16px}.form-template-fields th{background:var(--bg2,#f1f5f9);color:var(--muted,#64748b);font-size:.82rem;font-weight:600}.form-template-fields td:first-child{text-align:center;width:50px;color:var(--muted,#64748b)}.moisture-test-table-wrap{max-height:600px;overflow:auto}.moisture-test-table{border-collapse:collapse;width:100%;min-width:700px;font-size:.85rem}.moisture-test-table th,.moisture-test-table td{text-align:center;border:1px solid var(--border,#e2e8f0);padding:7px 10px}.moisture-test-table thead th{color:#fff;z-index:1;background:#0d9488;font-size:.8rem;font-weight:600;position:sticky;top:0}.moisture-test-table tbody td{min-width:60px;height:32px}.moisture-test-table tbody td:first-child{background:var(--bg2,#f1f5f9);min-width:40px;font-weight:600}.moisture-test-table .moisture-summary-row td{background:#fef3c7;border-top:2px solid #f59e0b;font-weight:700}.image-uploader{margin:12px 0}.image-uploader-grid{flex-wrap:wrap;gap:8px;display:flex}.image-uploader-item{border:1px solid var(--border,#e2e8f0);border-radius:8px;width:80px;height:80px;position:relative;overflow:hidden}.image-uploader-item img{object-fit:cover;width:100%;height:100%}.image-uploader-remove{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex;position:absolute;top:2px;right:2px}.image-uploader-add{border:1px dashed var(--border,#e2e8f0);cursor:pointer;width:80px;height:80px;color:var(--text-secondary,#64748b);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.image-uploader-plus{font-size:20px}.image-uploader-hint{color:var(--text-secondary,#64748b);margin-top:4px;font-size:11px;display:block}.image-upload-section{background:var(--bg2,#f1f5f9);border-radius:8px;margin:12px 0;padding:12px}.image-upload-label{color:var(--text,#172033);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.moisture-test-table .photo-cell{min-width:100px}.moisture-test-table .photo-cell .photo-thumb{object-fit:cover;border:1px solid var(--border);cursor:pointer;border-radius:4px;width:32px;height:32px}.moisture-test-table .photo-cell .photo-upload-btn{border:1px dashed var(--border);cursor:pointer;color:var(--accent,#0d9488);background:0 0;border-radius:4px;padding:2px 8px;font-size:11px}.moisture-edit-actions{gap:8px;margin:12px 0;display:flex}.handover-table-wrap{max-height:600px;overflow:auto}.handover-table{border-collapse:collapse;width:100%;font-size:.88rem}.handover-table th,.handover-table td{text-align:left;border:1px solid var(--border,#e2e8f0);padding:10px 14px}.handover-table thead th{color:#fff;background:#0d9488;font-weight:600}.handover-table .handover-label{background:var(--bg2,#f1f5f9);white-space:nowrap;width:180px;font-weight:600}.handover-table .handover-content{min-height:60px}.handover-table .handover-content pre{white-space:pre-wrap;color:var(--text-secondary,#5a6778);margin:0;font-family:inherit;font-size:.85rem}.packing-table-wrap{overflow-x:auto}.packing-header{background:var(--bg2,#f1f5f9);border:1px solid var(--border,#e2e8f0);color:var(--text,#172033);border-bottom:none;border-radius:8px 8px 0 0;padding:12px 16px;font-size:.85rem}.packing-columns{border:1px solid var(--border,#e2e8f0);border-top:none;grid-template-columns:1fr 1fr;gap:0;display:grid}.packing-table{border-collapse:collapse;width:100%;font-size:.82rem}.packing-table th,.packing-table td{text-align:center;border:1px solid var(--border,#e2e8f0);padding:5px 8px}.packing-table thead th{color:#fff;background:#0d9488;font-size:.78rem;font-weight:600;position:sticky;top:0}.packing-table tbody td{min-width:50px;height:28px}.packing-table tbody td:first-child{background:var(--bg2,#f1f5f9);font-weight:600}.packing-footer{border:1px solid var(--border,#e2e8f0);color:var(--text,#172033);border-top:none;border-radius:0 0 8px 8px;gap:24px;padding:12px 16px;font-size:.85rem;font-weight:600;display:flex}.prod-daily-table-wrap{max-height:600px;overflow:auto}.prod-daily-table{border-collapse:collapse;width:100%;min-width:1200px;font-size:.75rem}.prod-daily-table th,.prod-daily-table td{text-align:center;border:1px solid var(--border,#e2e8f0);padding:5px 6px}.prod-daily-table thead th{color:#fff;z-index:1;white-space:nowrap;background:#0d9488;font-size:.7rem;font-weight:600;position:sticky;top:0}.prod-daily-table tbody td{height:26px}.prod-daily-table tbody td:first-child{background:var(--bg2,#f1f5f9);font-weight:600}.prod-daily-table .summary-row td{background:#fef3c7;border-top:2px solid #f59e0b;font-weight:700}.sort-daily-table-wrap{flex-direction:column;gap:20px;display:flex;overflow-x:auto}.sort-daily-table{border-collapse:collapse;width:100%;font-size:.82rem}.sort-daily-table caption{text-align:left;color:var(--text,#172033);padding:8px 0;font-size:.9rem;font-weight:600}.sort-daily-table th,.sort-daily-table td{text-align:center;border:1px solid var(--border,#e2e8f0);padding:6px 10px}.sort-daily-table thead th{color:#fff;background:#0d9488;font-size:.78rem;font-weight:600}.sort-daily-table tbody td{min-width:60px;height:30px}.sort-daily-table tbody td:first-child{background:var(--bg2,#f1f5f9);font-weight:600}.sort-daily-table tbody td:nth-child(2){text-align:left;min-width:120px}.search{position:relative}.search-dropdown{background:var(--card,#fff);border:1px solid var(--border,#c8d3e0);z-index:1000;border-radius:12px;max-height:360px;margin-top:6px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #0f233626}.search-empty{text-align:center;color:var(--text-secondary,#5a6778);padding:16px;font-size:13px}.search-result-item{cursor:pointer;border-bottom:1px solid var(--border,#e2e8f0);flex-direction:column;gap:2px;padding:10px 14px;transition:background .15s;display:flex}.search-result-item:hover{background:var(--bg2,#f1f5f9)}.search-result-item:last-child{border-bottom:none}.search-result-item strong{color:var(--text,#172033);font-size:14px}.search-result-item span{color:var(--text-secondary,#5a6778);font-size:12px}.alert-pulse{animation:2s infinite alert-pulse-anim;position:relative}@keyframes alert-pulse-anim{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 6px #dc262600}}.alert-panel{background:var(--card,#fff);border:1px solid var(--border,#c8d3e0);z-index:1000;border-radius:14px;flex-direction:column;width:480px;max-height:520px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 40px #0f23362e}.alert-panel-header{border-bottom:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.alert-panel-header strong{color:var(--text,#172033);font-size:15px}.alert-panel-list{flex:1;overflow-y:auto}.alert-item{border-bottom:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 18px;display:flex}.alert-item:last-child{border-bottom:none}.alert-item-left{flex-direction:column;flex:1;gap:4px;display:flex}.alert-item-left p{color:var(--text,#172033);margin:0;font-size:13px;line-height:1.5}.alert-item-left small{color:var(--text-secondary,#5a6778);font-size:11px}.alert-item-right{flex-shrink:0;padding-top:4px}.alert-level-badge{color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.alert-level-danger{background:#dc2626}.alert-level-warning{background:#f59e0b}.alert-level-info{background:#0d9488}.alert-level-danger .alert-level-badge{color:#dc2626;background:#fee2e2}.alert-level-warning .alert-level-badge{color:#92400e;background:#fef3c7}.alert-level-info .alert-level-badge{color:#0d5e47;background:#ccfbf1}.phone-alert-dot{color:#fff;background:#dc2626;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;animation:2s infinite alert-pulse-anim;display:flex;position:absolute;top:-2px;right:-2px}.pc-role-ref{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:12px;padding:8px 14px;font-size:12px;font-weight:600}.pc-preview-sales{flex-direction:column;gap:12px;display:flex}.pc-sales-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pc-sales-card{background:var(--bg2,#f1f5f9);border:1px solid var(--border,#e2e8f0);border-radius:10px;padding:14px}.pc-sales-card strong{color:var(--text,#172033);margin-bottom:8px;font-size:14px;display:block}.pc-mini-table{overflow-x:auto}.pc-mini-table table{border-collapse:collapse;width:100%;font-size:12px}.pc-mini-table th,.pc-mini-table td{border:1px solid var(--border,#e2e8f0);text-align:left;padding:6px 8px}.pc-mini-table thead th{color:#fff;background:#0d9488;font-size:11px;font-weight:600}.pc-quick-actions{flex-wrap:wrap;gap:8px;display:flex}.pc-quick-actions button{padding:6px 12px;font-size:12px}.pc-preview-sorting{flex-direction:column;gap:12px;display:flex}.pc-sorting-grid{grid-template-columns:1.2fr .8fr;gap:12px;display:grid}.pc-sorting-card{background:var(--bg2,#f1f5f9);border:1px solid var(--border,#e2e8f0);border-radius:10px;padding:14px}.pc-sorting-card strong{color:var(--text,#172033);margin-bottom:8px;font-size:14px;display:block}.pc-form-mini{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pc-form-mini label{color:var(--text,#172033);flex-direction:column;gap:3px;font-size:12px;font-weight:600;display:flex}.pc-form-mini label input,.pc-form-mini label select{border:1px solid var(--border,#c8d3e0);color:var(--text,#172033);background:#fff;border-radius:6px;padding:6px 8px;font-size:13px}.pc-sorting-stats{color:var(--text-secondary,#5a6778);gap:16px;margin-top:12px;font-size:13px;display:flex}.pc-sorting-stats b{color:var(--text,#172033);font-size:18px}.pc-preview-foreman{flex-direction:column;gap:12px;display:flex}.pc-foreman-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pc-foreman-card{background:var(--bg2,#f1f5f9);border:1px solid var(--border,#e2e8f0);border-radius:10px;padding:14px}.pc-foreman-card strong{color:var(--text,#172033);margin-bottom:8px;font-size:14px;display:block}.pc-foreman-stats{color:var(--text-secondary,#5a6778);flex-wrap:wrap;gap:16px;margin-top:8px;font-size:13px;display:flex}.pc-foreman-stats b{color:var(--text,#172033);font-size:16px}.pc-foreman-card-full{grid-column:1/-1}.pc-equip-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.pc-equip-item{background:var(--surface-muted,#f3f4f6);border-radius:8px;padding:8px}.pc-equip-name{margin-bottom:4px;font-size:12px;font-weight:600}.pc-equip-status{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.pc-equip-note{border:1px solid var(--border,#e5e7eb);box-sizing:border-box;border-radius:6px;width:100%;padding:4px;font-size:12px}.pc-todo-item-inline{background:var(--surface-muted);border-radius:var(--radius,8px);align-items:center;gap:8px;margin-bottom:6px;padding:4px 8px;font-size:12px;display:flex}.phone-sales-content{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.phone-sales-follow{padding:0 4px}.phone-sales-follow strong{color:#172033;margin-bottom:4px;font-size:12px;display:block}.phone-follow-item{color:#172033;border-bottom:1px solid #e4edf6;justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;display:flex}.phone-sales-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.phone-sales-actions button{color:#178f78;background:#fff;border:1px solid #cdeee6;border-radius:10px;padding:8px;font-size:11px;font-weight:900}.phone-sorting-content{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.workflow-filter-bar{align-items:center;gap:10px;display:flex}.workflow-filter-bar select{border:1px solid var(--border,#c8d3e0);color:var(--ink,#0f172a);background:#fff;border-radius:8px;padding:8px 12px;font-size:13px}.workflow-card-header{flex-direction:column;gap:8px;display:flex}.workflow-card-identity{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.workflow-id-tag{color:#4d5f73;background:#f0f5fa;border:1px solid #e4edf6;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:11px;font-weight:900}.workflow-owner-badge{color:#178f78;background:#eefbf7;border:1px solid #cdeee6;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:900}.workflow-card-title{flex-direction:column;gap:2px;display:flex}.workflow-card-title strong{color:#0f172a;font-size:15px}.workflow-card-title span{color:#4d5f73;font-size:12px}.workflow-card-title small{color:#8896a6;font-size:11px}.workflow-node-visual{background:#f8fbfd;border:1px solid #e4edf6;border-radius:12px;flex-wrap:wrap;gap:0;margin-top:10px;padding:12px;display:flex}.wf-node-chip{background:#fff;border:1px solid #e4edf6;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px;font-size:12px;display:flex}.wf-node-start{background:#eefbf7;border-color:#178f78}.wf-node-approval{background:#fff5ec;border-color:#e6a74c}.wf-node-task{background:#f0f5fa;border-color:#8bafc9}.wf-node-cc{background:#f5f0ff;border-color:#9b8ec4}.wf-node-end{background:#f0f5fa;border-color:#4d5f73}.wf-node-label{color:#0f172a;font-weight:700}.wf-node-type{color:#4d5f73;background:#0000000f;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:900}.wf-node-dept{color:#178f78;font-size:10px;font-weight:700}.wf-node-arrow{color:#8896a6;margin:0 2px;font-size:14px}.workflow-cc-bar{background:#faf8ff;border:1px dashed #d8d0f0;border-radius:8px;flex-wrap:wrap;gap:6px;margin-top:8px;padding:8px;display:flex}.wf-cc-label{color:#6b5fa5;font-size:11px;font-weight:900}.wf-cc-tag{color:#6b5fa5;background:#f0ecff;border-radius:6px;padding:2px 8px;font-size:11px}.workflow-card-actions{border-top:1px solid #eef2f7;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;display:flex}.workflow-card-actions button{padding:6px 12px;font-size:12px}.workflow-card-actions .danger{color:#c0392b;border-color:#e8c4c0}.workflow-card-actions .danger:hover{background:#fdf2f0}.workflow-edit-form{flex-direction:column;gap:14px;display:flex}.wf-form-row{gap:12px;display:flex}.wf-form-row.three{grid-template-columns:1fr 1fr 1fr;display:grid}.wf-form-row.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.wf-form-field{flex-direction:column;gap:4px;display:flex}.wf-form-field.flex1{flex:1}.wf-form-field.wide{grid-column:1/-1}.wf-form-field>span{color:#4d5f73;font-size:12px;font-weight:700}.wf-form-field input,.wf-form-field select,.wf-form-field textarea{border:1px solid var(--border,#c8d3e0);color:var(--ink,#0f172a);background:#fff;border-radius:8px;padding:8px 10px;font-size:13px}.wf-form-field input.readonly{color:#8896a6;background:#f0f5fa}.wf-form-field textarea{resize:vertical;min-height:60px}.wf-form-section{background:#fafcff;border:1px solid #e4edf6;border-radius:12px;padding:14px}.wf-form-section legend{color:#0f172a;padding:0 8px;font-size:13px;font-weight:900}.wf-structured-nodes{flex-direction:column;gap:8px;margin-top:10px;display:flex}.wf-node-header{grid-template-columns:2fr 1fr 1fr 60px;gap:8px;padding:0 8px;display:grid}.wf-node-header span{color:#8896a6;text-transform:uppercase;font-size:11px;font-weight:700}.wf-node-row{grid-template-columns:2fr 1fr 1fr 60px;align-items:center;gap:8px;display:grid}.wf-node-row input{border:1px solid var(--border,#c8d3e0);border-radius:6px;padding:6px 8px;font-size:12px}.wf-node-row select{border:1px solid var(--border,#c8d3e0);background:#fff;border-radius:6px;padding:6px 8px;font-size:12px}.wf-cc-row{background:#fff;border:1px solid #e4edf6;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:8px 10px;display:flex}.wf-cc-info{color:#4d5f73;font-size:12px}.wf-cc-add{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.wf-cc-add select,.wf-cc-add input{border:1px solid var(--border,#c8d3e0);background:#fff;border-radius:6px;padding:6px 8px;font-size:12px}button.sm{padding:4px 8px!important;font-size:11px!important}.wf-detail-nodes .wf-node-chip{padding:8px 12px}.wf-drag-handle{color:#8896a6;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;min-height:24px;font-size:14px;display:flex}.wf-drag-handle:hover{color:#178f78;background:#eefbf7}.wf-drag-handle:active{cursor:grabbing}.workflow-engine-card-large{position:relative}.workflow-engine-card-large .wf-drag-handle{opacity:.3;z-index:1;border-radius:0 8px 8px 0;transition:opacity .15s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.workflow-engine-card-large:hover .wf-drag-handle{opacity:1}.workflow-engine-card-large.wf-dragging{opacity:.4;border-style:dashed!important}.workflow-card-inner{margin-left:28px}.wf-node-row .wf-drag-handle{width:20px;min-height:20px;font-size:12px}.wf-node-row{transition:box-shadow .15s}.wf-node-row.wf-node-dragging{opacity:.4;box-shadow:0 0 0 2px #178f78}.wf-node-header,.wf-node-row{grid-template-columns:28px 2fr 1fr 1fr 60px}.phone-role-functional{flex-direction:column;flex:1;gap:6px;padding:0 8px 8px;display:flex;overflow-y:auto}.phone-section-title{color:#178f78;border-bottom:1px solid #e4edf6;margin-top:8px;padding:8px 0 4px;font-size:13px;font-weight:900}.phone-task-item{color:#0f172a;background:#fff;border:1px solid #e4edf6;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:10px 12px;font-size:13px;display:flex}.phone-task-item button{color:#178f78;white-space:nowrap;cursor:pointer;background:#eefbf7;border:1px solid #178f78;border-radius:8px;min-height:36px;padding:8px 14px;font-size:13px;font-weight:600}.phone-task-item button:hover{color:#fff;background:#178f78}.phone-task-item.warning{background:#fff5ec;border-color:#e6a74c}.phone-task-item.warning button{color:#e6a74c;background:#fff5ec;border-color:#e6a74c}.phone-task-item.warning button:hover{color:#fff;background:#e6a74c}.phone-device-status{background:#f0f5fa;border-radius:8px;flex-wrap:wrap;gap:6px;padding:8px 10px;font-size:12px;display:flex}.device-indicator{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.device-indicator.running{color:#178f78;background:#eefbf7;border:1px solid #178f78}.device-indicator.stopped{color:#c0392b;background:#fdf2f0;border:1px solid #c0392b}.phone-checklist{background:#fff;border:1px solid #e4edf6;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.phone-checklist label{color:#0f172a;cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.phone-checklist input[type=checkbox]{accent-color:#178f78;width:16px;height:16px}.phone-packing-form.compact label{padding:6px 0}.phone-packing-form.compact input,.phone-packing-form.compact select,.phone-packing-form.compact textarea{border-radius:10px;min-height:44px;padding:10px 12px;font-size:14px}.phone-packing-form.compact select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.pc-workflow-todos{flex-direction:column;gap:8px;display:flex}.pc-workflow-todos>strong{color:#0f172a;border-bottom:2px solid #178f78;padding-bottom:4px;font-size:14px}.pc-todo-item{background:#f0f5fa;border:1px solid #e4edf6;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.pc-todo-workflow{color:#4d5f73;flex:1;font-size:12px}.pc-todo-node{color:#0f172a;flex:1.5;font-size:13px;font-weight:700}.pc-todo-type{white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.pc-todo-type.type-approval{color:#e6a74c;background:#fff5ec;border:1px solid #e6a74c}.pc-todo-type.type-start{color:#178f78;background:#eefbf7;border:1px solid #178f78}.pc-todo-type.type-cc{color:#9b8ec4;background:#f5f0ff;border:1px solid #9b8ec4}.pc-todo-type.type-task{color:#4d5f73;background:#f0f5fa;border:1px solid #8bafc9}.phone-workflow-todos{border-top:1px solid var(--border,#e4edf6);flex-direction:column;gap:6px;margin-top:6px;padding:8px 0;display:flex}.phone-todo-bar{justify-content:space-between;align-items:center;padding:2px 0;display:flex}.phone-todo-header{color:#178f78;font-size:13px;font-weight:800}.phone-todo-toggle{color:var(--brand,#7c3aed);cursor:pointer;align-items:center;min-height:44px;padding:0 8px;font-size:11px;display:flex}.phone-todo-empty{color:var(--text-muted,#9ca3af);text-align:center;padding:12px 0;font-size:12px}.phone-todo-group{margin-bottom:4px}.phone-todo-wf-name{color:var(--brand,#7c3aed);padding:4px 0 2px;font-size:11px;font-weight:600}.phone-todo-item{background:#f0f5fa;border:1px solid #e4edf6;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:8px 10px;display:flex}.phone-todo-info{flex:1;min-width:0}.phone-todo-node-label{color:#0f172a;font-size:12px;font-weight:600;line-height:1.3}.phone-todo-summary{color:var(--text-muted,#6b7280);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.phone-todo-btn{color:#178f78;white-space:nowrap;cursor:pointer;background:#eefbf7;border:1px solid #178f78;border-radius:8px;flex-shrink:0;align-items:center;min-height:44px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.phone-todo-btn:active{color:#fff;background:#178f78;transform:scale(.95)}.phone-todo-more{color:#8896a6;text-align:center;justify-content:center;align-items:center;min-height:44px;padding:6px 0;font-size:11px;display:flex}.phone-todo-processed-list{flex-direction:column;gap:4px;display:flex}.phone-todo-processed-item{border-bottom:1px solid var(--border,#e4edf6);justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;display:flex}.phone-todo-processed-wf{color:#0f172a;font-size:12px}.phone-todo-processed-node{color:var(--text-muted,#9ca3af);margin-top:2px;font-size:11px}.phone-todo-processed-time{color:var(--success,#22c55e);flex-shrink:0;font-size:11px}.outline-button.active{background:var(--brand,#7c3aed);color:#fff;border-color:var(--brand,#7c3aed)}.node-process-modal .modal-header{border-bottom:1px solid var(--border,#e5e7eb);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.node-process-modal .modal-header h3{margin:0;font-size:15px}.node-process-modal .modal-body{padding:0}.node-process-modal .modal-footer{border-top:1px solid var(--border,#e5e7eb);flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.node-process-info{background:var(--surface-muted,#f3f4f6);border-radius:var(--radius,8px);margin-bottom:12px;padding:10px 12px}.node-process-info>div{align-items:center;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.node-process-info>div:last-of-type{margin-bottom:0}.node-process-label{color:var(--text-muted,#9ca3af);min-width:60px}.node-upstream-data{background:var(--surface,#fff);border:1px dashed var(--border,#e5e7eb);border-radius:var(--radius,8px);margin-bottom:12px;padding:8px 12px}.node-process-form{flex-direction:column;gap:10px;display:flex}.node-field-row{flex-direction:column;gap:4px;display:flex}.node-field-row.has-error .node-field-input{border-color:var(--danger,#ef4444)}.node-field-label{color:var(--text-secondary,#4b5563);font-size:12px;font-weight:600}.required-mark{color:var(--danger,#ef4444);margin-left:2px}.node-field-input{border:1px solid var(--border,#e5e7eb);border-radius:var(--radius,8px);background:var(--surface,#fff);color:var(--text-primary,#111827);box-sizing:border-box;width:100%;padding:7px 10px;font-size:13px}.node-field-input.readonly{background:var(--surface-muted,#f3f4f6);color:var(--text-muted,#9ca3af);cursor:default}.node-field-input:focus{border-color:var(--brand,#7c3aed);outline:none;box-shadow:0 0 0 2px #7c3aed26}.node-field-error{color:var(--danger,#ef4444);font-size:11px}.node-photo-area{align-items:center;gap:8px;display:flex}.node-photo-preview{position:relative}.node-photo-remove{background:var(--danger,#ef4444);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:50%;width:20px;height:20px;font-size:14px;line-height:18px;position:absolute;top:-6px;right:-6px}.node-photo-btn{border:1px dashed var(--border,#e5e7eb);border-radius:var(--radius,8px);background:var(--surface-muted,#f3f4f6);cursor:pointer;color:var(--text-secondary,#4b5563);white-space:nowrap;padding:10px 16px;font-size:12px}.node-photo-btn:hover{border-color:var(--brand,#7c3aed);color:var(--brand,#7c3aed)}.node-system-rules{background:var(--surface-muted,#f3f4f6);border-radius:var(--radius,8px);margin-top:8px;padding:8px 12px}.node-system-rules ul{margin:0}.node-reject-actions{align-items:center;gap:8px;display:flex}.danger-button{background:var(--danger,#ef4444);color:#fff;border-radius:var(--radius,8px);cursor:pointer;border:none;font-size:12px;font-weight:500}.danger-button:hover{opacity:.9}.phone-menu-grid{grid-template-columns:1fr 1fr;gap:10px;padding:8px 0;display:grid}.phone-menu-item{background:var(--surface,#fff);border:1px solid var(--border,#e4edf6);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;transition:all .15s;display:flex}.phone-menu-item:active{background:var(--surface-muted,#f3f4f6);transform:scale(.97)}.phone-menu-item .pmi-icon{font-size:24px;line-height:1}.phone-menu-item .pmi-label{color:var(--text-primary,#0f172a);font-size:13px;font-weight:600}.phone-menu-item .pmi-desc{color:var(--text-muted,#9ca3af);text-align:center;font-size:10px}.mobile-form-overlay{z-index:10;background:#00000059;justify-content:center;align-items:flex-end;animation:.2s overlayIn;display:flex;position:absolute;inset:0}.mobile-form-modal{background:#fff;border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-height:95%;animation:.3s cubic-bezier(.16,1,.3,1) formSlideUp;display:flex;overflow:hidden}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes formSlideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.phone-frame .modal-overlay{z-index:10;background:#00000059;justify-content:center;align-items:center;animation:.2s overlayIn;display:flex;position:absolute;inset:0}.phone-frame .modal-content{-webkit-overflow-scrolling:touch;box-sizing:border-box;background:#fff;border-radius:14px;width:100%;max-height:90%;animation:.25s cubic-bezier(.16,1,.3,1) formSlideUp;overflow-y:auto}.mobile-form-header{border-bottom:1px solid var(--border,#e5e7eb);z-index:2;background:#fff;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.mobile-form-back{color:var(--brand,#7c3aed);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:15px;font-weight:600}.mobile-form-header strong{font-size:15px}.mobile-form-body{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain;flex:1;padding-bottom:12px;overflow-y:auto}.mobile-form-body:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000008);height:8px;display:block}.mobile-sub-overlay{z-index:20;background:#00000073;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.mobile-sub-modal{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-height:70vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}.mobile-sub-modal .mobile-form-body{max-height:55vh;padding-bottom:0}.mobile-sub-modal .mobile-form-body:after{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.phone-frame .phone-scroll-area::-webkit-scrollbar{width:3px}.phone-frame .phone-scroll-area::-webkit-scrollbar-track{background:0 0}.phone-frame .phone-scroll-area::-webkit-scrollbar-thumb{background:var(--border,#cbd5e1);border-radius:3px}.mobile-form-body::-webkit-scrollbar{width:3px}.mobile-form-body::-webkit-scrollbar-track{background:0 0}.mobile-form-body::-webkit-scrollbar-thumb{background:var(--border,#cbd5e1);border-radius:3px}.mf-submit{transition:all .2s}.mf-submit:active{transform:scale(.97)}.mf-field{margin-bottom:14px}.mf-field label{color:var(--text-secondary,#4b5563);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.mf-field label em{color:var(--danger,#ef4444);margin-left:2px;font-style:normal}.mf-field input,.mf-field textarea,.mf-field select{border:1px solid var(--border,#e5e7eb);box-sizing:border-box;color:#111;background:#fff;border-radius:10px;width:100%;min-height:48px;padding:12px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.mf-field input:focus,.mf-field textarea:focus{border-color:var(--brand,#7c3aed);outline:none;box-shadow:0 0 0 2px #7c3aed1f}.mf-field textarea{resize:vertical;min-height:80px}.mf-submit{background:var(--brand,#7c3aed);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:8px;padding:14px;font-size:15px;font-weight:700;display:flex}.mf-submit:disabled{opacity:.5;cursor:not-allowed}.mf-check-item{border-bottom:1px solid var(--border,#f3f4f6);cursor:pointer;align-items:center;gap:12px;padding:14px 12px;font-size:14px;display:flex}.mf-check-item:active{background:#f9fafb}.mf-check-box{border:2px solid var(--border,#d1d5db);color:#0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.mf-check-box.checked{background:var(--brand,#7c3aed);border-color:var(--brand,#7c3aed);color:#fff}.resp-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.resp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.resp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.resp-grid-4>.resp-span-full,.resp-grid-3>.resp-span-full,.resp-grid-2>.resp-span-full{grid-column:1/-1}@media (width<=1024px){.resp-grid-4,.resp-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{grid-template-columns:240px minmax(0,1fr)}.sidebar{padding:20px 14px}.main{padding:20px}.panel,.engine-card{border-radius:20px;padding:20px}.panel-title{margin-bottom:16px}.wf-form-row.three{grid-template-columns:1fr 1fr}.wf-node-header,.wf-node-row{grid-template-columns:28px 2fr 1fr 1fr 60px}.wf-node-header span:nth-child(4),.wf-node-row select:nth-of-type(2){display:none}}@media (width<=820px){.resp-grid-4,.resp-grid-3,.resp-grid-2{grid-template-columns:1fr}.resp-grid-4>.resp-span-full,.resp-grid-3>.resp-span-full,.resp-grid-2>.resp-span-full{grid-column:auto}.wf-form-row.three,.wf-form-row.two-col{grid-template-columns:1fr}.wf-form-row{flex-direction:column;gap:8px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-wrap table{min-width:480px}.workflow-node-visual{flex-wrap:wrap}.wf-node-header,.wf-node-row{grid-template-columns:28px 1fr}.wf-node-header span:nth-child(3),.wf-node-header span:nth-child(4),.wf-node-header span:nth-child(5),.wf-node-row input:nth-of-type(2),.wf-node-row select:nth-of-type(2),.wf-node-row button{display:none}}