.app-shell-immersive{background:linear-gradient(#eef3f7 0%,#f6f9fb 100%)}.app-content-immersive{padding:14px 16px 16px;overflow:auto}.trace-cockpit{color:#1f2937;grid-template-rows:auto auto auto auto auto;gap:10px;min-height:calc(100vh - 30px);display:grid}.trace-cockpit-topband,.trace-analysis-card,.trace-bottom-card{background:#fff;border:1px solid #dbe5ec;border-radius:18px;box-shadow:0 10px 24px #0f172a0f}.trace-cockpit-hero{box-shadow:none;background:0 0;border:none;padding:6px 8px 0}.trace-cockpit-title-center{text-align:center;color:#17324d;margin:0;font-size:30px;font-weight:800;line-height:1.2}.trace-cockpit-topband{grid-template-columns:minmax(420px,.9fr) minmax(640px,1.1fr);align-items:stretch;gap:14px;padding:14px 16px;display:grid}.trace-cockpit-querybar,.trace-cockpit-contextrow{background:#f8fbfd;border:1px solid #dde7ef;border-radius:16px;padding:12px}.trace-cockpit-query-grid{grid-template-columns:minmax(250px,1.4fr) minmax(160px,.8fr) 124px;align-items:end;gap:10px;display:grid}.trace-cockpit-field label{color:#5f7287;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.trace-cockpit-field input,.trace-cockpit-field select{color:#1f2937;background:#fff;border:1px solid #cedbe5;border-radius:12px;outline:none;width:100%;min-height:42px;padding:0 12px}.trace-cockpit-field input:focus,.trace-cockpit-field select:focus{border-color:#5ba4f6;box-shadow:0 0 0 3px #5ba4f61f}.trace-cockpit-query-btn,.trace-run-btn{color:#fff;background:linear-gradient(135deg,#2f80ed 0%,#4f9cf6 100%);border:none;border-radius:12px;width:100%;min-height:42px;font-weight:700}.trace-cockpit-context-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.trace-cockpit-context-item{background:#fff;border:1px solid #dbe5ec;border-radius:14px;min-height:70px;padding:10px 12px}.trace-cockpit-context-item span{color:#6c7f92;margin-bottom:6px;font-size:12px;display:block}.trace-cockpit-context-item strong{color:#18334e;word-break:break-all;font-size:14px;font-weight:600;display:block}.trace-cockpit-context-item-refresh{background:linear-gradient(#f3faf7 0%,#fff 100%)}.trace-error-block{color:#c53030;background:#fff4f4;border:1px solid #f3c6c6;border-radius:14px;padding:10px 14px}.trace-cockpit-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding:6px 8px 2px;display:grid}.trace-inline-metric{flex-wrap:wrap;align-items:baseline;gap:2px;display:flex}.trace-inline-metric-label,.trace-inline-metric-sep{color:#111827;font-size:16px;font-weight:700}.trace-inline-metric-value{color:#1f2937;font-size:24px;font-weight:700}.trace-inline-metric-date .trace-inline-metric-value{color:#334155;font-size:22px;font-weight:400}.trace-inline-metric-primary .trace-inline-metric-value{color:#2563eb}.trace-inline-metric-success .trace-inline-metric-value{color:#16a34a}.trace-inline-metric-warning .trace-inline-metric-value{color:#2563eb}.trace-inline-metric-danger .trace-inline-metric-value{color:#dc2626}.trace-cockpit-middle{grid-template-columns:minmax(340px,30%) minmax(400px,35%) minmax(400px,35%);align-items:stretch;gap:12px;height:720px;min-height:720px;max-height:720px;display:grid}.trace-analysis-card{flex-direction:column;height:720px;min-height:720px;max-height:720px;padding:14px;display:flex;overflow:hidden}.trace-analysis-card-process,.trace-analysis-card-status,.trace-analysis-card-machine{height:720px;min-height:720px;max-height:720px}.trace-analysis-head,.trace-bottom-head,.trace-bottom-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.trace-analysis-head{margin-bottom:10px}.trace-analysis-head-simple{align-items:center}.trace-analysis-title,.trace-bottom-card-title{color:#18334e;margin-bottom:4px;font-size:18px;font-weight:800}.trace-analysis-card-process .trace-analysis-title,.trace-analysis-card-status .trace-analysis-title,.trace-analysis-card-machine .trace-analysis-title{font-size:22px}.trace-analysis-sub,.trace-bottom-card-sub{display:none}.trace-analysis-badge{color:#1d4ed8;background:#eef5ff;border:1px solid #cfe0ff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.trace-analysis-empty{color:#74869a;text-align:center;background:#fafcfd;border:1px dashed #d4dee6;border-radius:14px;padding:18px 14px;line-height:1.7}.trace-analysis-empty-inline{margin-top:8px}.trace-selected-tags{flex-wrap:wrap;flex:none;align-items:flex-start;gap:8px;min-height:36px;margin-bottom:10px;display:flex}.trace-selected-chip{color:#2563eb;background:#edf4ff;border:1px solid #b7cef8;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.trace-process-panel{flex:auto;gap:6px;min-height:0;margin-top:8px;padding-right:2px;display:grid;overflow:auto}.trace-process-group-card{background:#fbfdfe;border:1px solid #dbe5ec;border-radius:16px;padding:12px}.trace-process-group-head{text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;margin:0 0 12px;padding:0;display:flex}.trace-process-group-title{color:#0f2740;margin-bottom:4px;font-size:15px;font-weight:800}.trace-process-group-count,.trace-process-group-toggle{color:#6b7f93;font-size:12px}.trace-process-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.trace-process-chip{text-align:left;color:#17324d;background:#f8fbfd;border:1px solid #d3dee7;border-radius:14px;padding:12px 14px}.trace-process-chip-active{background:#eef7ff;border-color:#8ec5ff;box-shadow:inset 0 0 0 1px #4f9cf62e}.trace-process-chip-label{margin-bottom:0;font-size:14px;font-weight:800;display:block}.trace-status-chart{flex:auto;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:10px;min-height:0;padding-bottom:2px;display:grid;overflow:auto hidden}.trace-status-bar{background:#fbfdfe;border:1px solid #d5e0e8;border-radius:16px;flex-direction:column;gap:10px;min-height:430px;padding:12px 10px 10px;display:flex}.trace-status-bar-active{box-shadow:inset 0 0 0 1px #4f9cf659}.trace-status-bar-top{flex-direction:column;gap:6px;display:flex}.trace-status-count{color:#18334e;font-size:28px;font-weight:800}.trace-status-name{color:#5d7287;font-size:15px;font-weight:800;line-height:1.35}.trace-status-track{background:#f1f5f9;border-radius:12px;justify-content:center;align-items:flex-end;height:250px;min-height:250px;margin-top:auto;padding:10px 8px;display:flex}.trace-status-fill{background:#dfe7ef;border-radius:10px;width:34px;min-width:34px;max-width:34px;min-height:0}.trace-status-fill-positive{background:linear-gradient(#86efac 0%,#4ade80 38%,#22c55e 68%,#16a34a 100%);box-shadow:0 4px 12px #22c55e40}.trace-status-legend{background:#f9fbfc;border:1px solid #dbe5ec;border-radius:14px;flex:none;margin-top:10px;padding:12px 14px}.trace-status-legend-title{color:#17324d;margin-bottom:4px;font-size:13px;font-weight:800}.trace-status-legend-body{color:#6f8396;font-size:12px;line-height:1.65}.trace-machine-grid-wrap{flex:none;min-height:0;overflow:hidden}.trace-machine-grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:minmax(130px,auto);align-content:start;gap:10px;min-height:360px;max-height:360px;padding-right:4px;display:grid;overflow:hidden auto}.trace-machine-card{background:#fbfdfe;border:1px solid #d5e0e8;border-radius:14px;flex-direction:column;align-items:center;gap:6px;min-height:130px;padding:8px;display:flex}.trace-machine-card-active,.trace-machine-card-hovered{background:#eef7ff;border-color:#8ec5ff}.trace-machine-card-count{color:#17324d;font-size:18px;font-weight:800}.trace-machine-card-track{background:#f1f5f9;border-radius:10px;justify-content:center;align-items:flex-end;width:100%;min-height:86px;padding:6px 0;display:flex}.trace-machine-card-fill{background:linear-gradient(#4f9cf6,#2563eb);border-radius:8px;width:26px}.trace-machine-card-label{color:#35516b;text-align:center;word-break:break-all;font-size:13px;font-weight:800;line-height:1.25}.trace-machine-detail-card{background:#f9fbfc;border:1px solid #dbe5ec;border-radius:14px;flex-direction:column;flex:auto;min-height:0;max-height:none;margin-top:12px;padding:12px;display:flex;overflow:hidden}.trace-machine-hover-head{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.trace-machine-hover-title{color:#17324d;margin-bottom:4px;font-size:15px;font-weight:800}.trace-machine-hover-sub{color:#708497;font-size:12px;line-height:1.6}.trace-machine-detail-scroll{flex:auto;min-height:0;margin-top:10px;padding-right:2px;overflow:hidden auto}.trace-machine-hover-list{gap:8px;display:grid}.trace-machine-hover-item{background:#fff;border:1px solid #dbe5ec;border-radius:12px;padding:10px 12px}.trace-machine-hover-tray{color:#17324d;margin-bottom:4px;font-size:13px;font-weight:700}.trace-machine-hover-time{color:#708497;font-size:12px}.trace-cockpit-bottom{gap:0;height:auto;min-height:0;max-height:none;margin-top:0;display:grid}.trace-bottom-head{margin-bottom:0;display:none}.trace-bottom-tabs{flex-wrap:wrap;gap:8px;display:flex}.trace-bottom-tab{color:#47627d;background:#fff;border:1px solid #d0dbe4;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700}.trace-bottom-tab-active{color:#2563eb;background:#edf4ff;border-color:#8ec5ff}.trace-bottom-card{height:auto;min-height:360px;max-height:none;padding:16px;overflow:visible}.trace-bottom-card>*{min-height:0}.trace-bottom-card-head{margin-bottom:10px}.trace-nav-btn{color:#47627d;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.trace-bottom-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:8px;display:grid}.trace-bottom-summary-item{background:#f9fbfc;border:1px solid #dbe5ec;border-radius:12px;padding:10px 12px}.trace-bottom-summary-item span{color:#708497;margin-bottom:6px;font-size:13px;display:block}.trace-bottom-summary-item strong{color:#17324d;font-size:17px}.trace-table-scroll{height:auto;min-height:0;max-height:none;overflow:auto visible}.trace-machine-detail-card .trace-analysis-empty{flex:auto;justify-content:center;align-items:center;display:flex}.trace-cockpit-table{border-collapse:collapse;width:100%}.trace-cockpit-table th,.trace-cockpit-table td{white-space:nowrap;border-bottom:1px solid #e5edf3;padding:11px 12px;font-size:13px}.trace-cockpit-table thead th{color:#48637d;z-index:1;background:#f7fafc;font-weight:700;position:sticky;top:0}.trace-cockpit-table tbody td{color:#24384d}.trace-pagination-cockpit{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.trace-page-info{color:#6b7f93;font-size:13px}.trace-analysis-head-compact-action{flex-wrap:nowrap;grid-template-columns:minmax(0,1fr) 104px;justify-content:space-between;align-items:center;gap:12px;display:grid}.trace-analysis-head-compact-action>div:first-child{min-width:0}.trace-run-btn-compact{border-radius:10px;flex:none;justify-self:end;width:104px;min-width:104px;max-width:104px;min-height:36px;margin-left:0;padding:0 8px;font-size:14px;line-height:1}.trace-analysis-card::-webkit-scrollbar{width:8px;height:8px}.trace-process-panel::-webkit-scrollbar{width:8px;height:8px}.trace-machine-grid::-webkit-scrollbar{width:8px;height:8px}.trace-machine-detail-scroll::-webkit-scrollbar{width:8px;height:8px}.trace-table-scroll::-webkit-scrollbar{width:8px;height:8px}.trace-analysis-card::-webkit-scrollbar-thumb{background:#c8d6e3;border-radius:999px}.trace-process-panel::-webkit-scrollbar-thumb{background:#c8d6e3;border-radius:999px}.trace-machine-grid::-webkit-scrollbar-thumb{background:#c8d6e3;border-radius:999px}.trace-machine-detail-scroll::-webkit-scrollbar-thumb{background:#c8d6e3;border-radius:999px}.trace-table-scroll::-webkit-scrollbar-thumb{background:#c8d6e3;border-radius:999px}.trace-analysis-card::-webkit-scrollbar-track{background:#eef3f7}.trace-process-panel::-webkit-scrollbar-track{background:#eef3f7}.trace-machine-grid::-webkit-scrollbar-track{background:#eef3f7}.trace-machine-detail-scroll::-webkit-scrollbar-track{background:#eef3f7}.trace-table-scroll::-webkit-scrollbar-track{background:#eef3f7}@media (width<=1560px){.trace-cockpit-topband,.trace-cockpit-middle{grid-template-columns:1fr}.trace-cockpit-context-list,.trace-cockpit-metrics,.trace-bottom-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.trace-analysis-card,.trace-analysis-card-process,.trace-analysis-card-status,.trace-analysis-card-machine,.trace-cockpit-middle{height:auto;min-height:620px;max-height:none}.trace-machine-grid{grid-template-columns:repeat(4,minmax(0,1fr));min-height:280px;max-height:340px}}@media (width<=1440px){.trace-cockpit-middle,.trace-analysis-card,.trace-analysis-card-process,.trace-analysis-card-status,.trace-analysis-card-machine{height:660px;min-height:660px;max-height:660px}.trace-status-bar{min-height:390px}.trace-status-track{height:220px;min-height:220px}}@media (width<=960px){.trace-cockpit-query-grid,.trace-cockpit-context-list,.trace-status-chart,.trace-cockpit-metrics,.trace-bottom-summary-strip,.trace-process-chip-grid{grid-template-columns:1fr}.trace-machine-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:260px;max-height:320px}.trace-inline-metric-value{font-size:22px}}.trace-bottom-card .trace-analysis-empty{font-size:14px}.trace-bottom-card-head .secondary-btn,.trace-bottom-card-head .trace-nav-btn{min-height:38px;padding:0 14px;font-size:14px}.trace-related-process-cell{white-space:normal;color:#27415b;max-width:420px;font-weight:600;line-height:1.6}*{box-sizing:border-box}html,body,#root{color:#1f2937;background:#f3f6fb;height:100%;min-height:100%;margin:0;padding:0;font-family:Arial,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}textarea{resize:vertical}.login-page,.notfound-page{background:linear-gradient(135deg,#eaf2ff 0%,#f7fbff 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card,.notfound-card{background:#fff;border-radius:18px;width:420px;padding:32px;box-shadow:0 16px 40px #0f172a1a}.login-title{margin-bottom:8px;font-size:30px;font-weight:700}.login-subtitle{color:#64748b;margin-bottom:24px}.form-item{margin-bottom:16px}.form-item label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-item input,.form-item select,.form-item textarea{background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:42px;padding:10px 12px}.form-item input:focus,.form-item select:focus,.form-item textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.primary-btn,.secondary-btn,.text-btn,.ghost-btn,.link-btn{transition:all .2s}.primary-btn{color:#fff;background:#2563eb;border:none;border-radius:10px;width:100%;height:42px;margin-top:8px;font-weight:600}.primary-btn:disabled{cursor:not-allowed;background:#93c5fd}.inline-btn{width:auto;min-width:120px;margin-top:0;padding:0 18px}.secondary-btn,.text-btn,.ghost-btn{border-radius:10px;height:38px;padding:0 14px}.secondary-btn{color:#334155;background:#fff;border:1px solid #cbd5e1}.text-btn{color:#2563eb;background:0 0;border:none}.ghost-btn{color:#fff;background:0 0;border:1px solid #334155}.link-btn{color:#2563eb;background:0 0;border:none;padding:0}.danger-text{color:#dc2626}.error-text,.error-block{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:14px}.app-shell{background:#f4f7fb;flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:50;color:#fff;background:linear-gradient(112deg,#0b1930 0%,#102a4c 58%,#123b68 100%);justify-content:space-between;align-items:center;height:68px;padding:0 22px 0 16px;display:flex;position:sticky;top:0;box-shadow:0 10px 28px #0f233e2e}.app-header-left{align-items:center;gap:14px;min-width:0;display:flex}.sidebar-toggle{color:#fff;background:#ffffff0f;border:1px solid #ffffff24;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:38px;height:38px;display:inline-flex}.sidebar-toggle:hover{background:#ffffff1f}.sidebar-toggle span{background:#dbeafe;border-radius:999px;width:16px;height:2px}.app-brand,.immersive-brand{flex:none;align-items:center;gap:10px;display:inline-flex}.app-brand-mark{color:#fff;background:linear-gradient(145deg,#4f9cff 0%,#2563eb 100%);border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #2563eb47}.app-logo{letter-spacing:.03em;font-size:17px;font-weight:800}.app-page-context{border-left:1px solid #ffffff29;flex-direction:column;gap:2px;min-width:0;padding-left:14px;display:flex}.app-page-context span{color:#9fb4cc;font-size:11px}.app-page-context strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;max-width:360px;font-size:14px;overflow:hidden}.app-header-right{align-items:center;gap:12px;display:flex}.user-badge{color:#dbe7f5;font-size:13px}.app-user-avatar{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:inline-flex}.app-header .ghost-btn{color:#dbe7f5;border-color:#fff3;height:34px;padding:0 12px}.app-header .ghost-btn:hover{background:#ffffff14;border-color:#ffffff61}.app-body{flex:1;align-items:flex-start;min-height:0;display:flex}.app-sidebar{background:#fff;border-right:1px solid #e4eaf2;flex:none;width:276px;height:calc(100vh - 68px);padding:18px 13px 14px;transition:width .22s,padding .22s;position:sticky;top:68px;overflow-y:auto;box-shadow:8px 0 28px #0f172a06}.app-sidebar-collapsed{width:78px;padding-inline:10px}.menu-title{color:#52667e;justify-content:space-between;align-items:center;min-height:24px;margin-bottom:10px;padding:0 8px;font-size:13px;font-weight:800;display:flex}.menu-title small{color:#7890a9;background:#edf3fa;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.app-sidebar-collapsed .menu-title,.app-sidebar-collapsed .sidebar-footer{display:none}.menu-group{margin-bottom:7px}.menu-group-title{color:#3b4d62;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:44px;padding:7px 10px;font-size:13px;font-weight:800;transition:all .18s;display:flex}.menu-group-title:hover{color:#1d4ed8;background:#f4f7fb}.menu-group-title-active{color:#1559bd;background:#f0f6ff;border-color:#dbeafe}.menu-group-icon,.menu-item-icon{color:#365c83;background:#edf3fa;border-radius:9px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:inline-flex}.menu-group-title-active .menu-group-icon,.menu-item-active .menu-item-icon{color:#1d5fc1;background:#dceaff}.menu-group-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.menu-chevron{color:#91a2b5;font-size:15px;transition:transform .18s;transform:rotate(-90deg)}.menu-chevron-open{transform:rotate(0)}.menu-group-children{opacity:0;max-height:0;padding:0 0 0 18px;transition:max-height .24s,opacity .18s,padding .2s;overflow:hidden}.menu-group-children-open{opacity:1;max-height:280px;padding-top:5px;padding-bottom:3px}.menu-item{color:#536579;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;min-height:40px;margin-bottom:3px;padding:8px 10px;transition:all .16s;display:flex;position:relative}.menu-item:hover{color:#1e5ead;background:#f4f7fb}.menu-item-home{min-height:44px;margin-bottom:8px;padding-inline:10px;font-size:13px;font-weight:800}.menu-item-child{font-size:13px}.menu-item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.menu-child-dot{background:#fff;border:1px solid #9fb0c1;border-radius:50%;flex:none;width:6px;height:6px}.menu-item-active{color:#1558b0;background:linear-gradient(90deg,#eaf3ff 0%,#f3f8ff 100%);border-color:#dce9f9;font-weight:800;box-shadow:inset 3px 0 #2f80ed}.menu-item-active .menu-child-dot{background:#2f80ed;border-color:#2f80ed;box-shadow:0 0 0 3px #2f80ed1f}.app-sidebar-collapsed .menu-group-title,.app-sidebar-collapsed .menu-item-home{justify-content:center;padding-inline:8px}.app-sidebar-collapsed .menu-group-label,.app-sidebar-collapsed .menu-chevron,.app-sidebar-collapsed .menu-item-label{display:none}.sidebar-footer{background:#f8fafc;border:1px solid #e4ebf3;border-radius:12px;align-items:center;gap:10px;margin:18px 4px 0;padding:11px 10px;display:flex}.sidebar-footer-dot{background:#22c55e;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #22c55e1f}.sidebar-footer div{flex-direction:column;gap:2px;display:flex}.sidebar-footer strong{color:#42556c;font-size:11px}.sidebar-footer span:last-child{color:#8192a5;font-size:10px}.app-content{flex:1;min-width:0;padding:22px}.immersive-nav{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #dbe5ef;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:56px;padding:7px 14px;display:grid;position:sticky;top:0;box-shadow:0 8px 24px #0f233e14}.immersive-brand{color:#17324d;font-size:14px;font-weight:900}.immersive-brand .app-brand-mark{border-radius:10px;width:32px;height:32px;font-size:15px}.immersive-nav-links{scrollbar-width:none;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.immersive-nav-links::-webkit-scrollbar{display:none}.immersive-nav-link{color:#5c6f83;border-radius:9px;flex:none;align-items:center;min-height:34px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.immersive-nav-link:hover{color:#1d5fae;background:#f0f5fb}.immersive-nav-link-active{color:#1558b0;background:#eaf3ff}.immersive-user-actions{align-items:center;gap:8px;display:flex}.immersive-user-actions .app-user-avatar{color:#2b5f92;background:#edf4fc;border-color:#d8e4f0}.immersive-logout-btn{color:#52677c;background:#fff;border:1px solid #d8e3ee;border-radius:9px;height:32px;padding:0 10px;font-size:12px}.immersive-logout-btn:hover{background:#f7fafc;border-color:#b8cce0}.page-section{margin-bottom:18px}.page-title{margin-bottom:8px;font-size:26px;font-weight:700}.page-desc{color:#64748b;line-height:1.7}.card-grid{gap:16px;margin-bottom:16px;display:grid}.four-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:#fff;border-radius:18px;margin-bottom:16px;padding:18px;box-shadow:0 10px 30px #0f172a0f}.card-title{color:#64748b;margin-bottom:12px;font-size:14px;font-weight:700}.card-value{color:#0f172a;margin-bottom:8px;font-size:24px;font-weight:700}.small-value{font-size:18px;line-height:1.5}.card-sub,.feature-list>div,.empty-text{color:#64748b;font-size:13px;line-height:1.8}.stat-card{min-height:136px}.info-card{min-height:150px}.placeholder-card{justify-content:center;align-items:center;min-height:260px;display:flex}.placeholder-box{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f8fbff 100%);border:1px dashed #93c5fd;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:180px;font-size:32px;font-weight:700;display:flex}.management-layout{grid-template-columns:minmax(0,1.45fr) minmax(360px,.95fr);align-items:start;gap:16px;display:grid}.management-main-card,.management-side-card{min-height:520px}.section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:12px 10px}.data-table thead th{color:#475569;background:#f8fafc;position:sticky;top:0}.table-row-active{background:#f8fbff}.table-actions{white-space:nowrap;align-items:center;gap:12px;display:flex}.form-grid{gap:14px;display:grid}.single-grid{grid-template-columns:1fr}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sub-section-title{color:#334155;margin:8px 0 12px;font-size:14px;font-weight:700}.permission-area{max-height:360px;padding-right:4px;overflow-y:auto}.permission-group-box{border:1px solid #e5e7eb;border-radius:14px;margin-bottom:12px;padding:12px}.permission-group-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.permission-count{color:#64748b;font-size:12px}.permission-items,.checkbox-grid{gap:10px;display:grid}.checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-line{color:#334155;align-items:center;gap:8px;font-size:14px;display:flex}.strong-line{font-weight:700}.checkbox-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px}.form-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}@media (width<=1280px){.four-grid,.three-grid,.management-layout,.two-grid{grid-template-columns:1fr}.app-sidebar{width:240px}.app-sidebar.app-sidebar-collapsed{width:78px}.app-page-context strong{max-width:240px}}@media (width<=900px){.app-header{padding-right:14px}.app-logo,.user-badge{display:none}.app-page-context{padding-left:10px}.app-page-context strong{max-width:180px}.immersive-nav{grid-template-columns:auto minmax(0,1fr) auto;gap:9px;padding-inline:10px}.immersive-brand>span:last-child{display:none}}@media (width<=680px){.app-page-context span,.app-header-right .app-user-avatar{display:none}.app-content{padding:14px}.immersive-user-actions .app-user-avatar{display:none}}.trace-error-block{margin-bottom:16px}.trace-layout{grid-template-columns:1fr;align-items:start;gap:16px;margin-bottom:16px;display:grid}.trace-panel{min-height:220px}.trace-search-row{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:12px;display:flex}.trace-inline-item{flex:1;min-width:240px;margin-bottom:0}.trace-basic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.trace-basic-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:12px}.trace-basic-label{color:#64748b;margin-bottom:6px;font-size:12px;display:block}.trace-basic-value{color:#0f172a;word-break:break-all;font-size:16px;font-weight:700;display:block}.trace-process-groups{gap:12px;display:grid}.trace-process-group{background:#fbfdff;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.trace-process-seg{color:#1e293b;word-break:break-all;margin-bottom:12px;font-size:14px;font-weight:700}.trace-check-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.trace-check-card{background:#fff;border:1px solid #dbe4f0;border-radius:12px;align-items:start;gap:10px;padding:10px 12px;display:flex}.trace-check-card input{margin-top:3px}.trace-check-title{color:#0f172a;font-size:14px;font-weight:700}.trace-check-sub{color:#64748b;margin-top:2px;font-size:12px}@media (width<=1200px){.trace-basic-grid{grid-template-columns:1fr}.trace-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.trace-check-grid{grid-template-columns:1fr}}.trace-bar-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:14px;display:grid}.trace-bar-card{background:#fff;border:1px solid #dbe4f0;border-radius:16px;flex-direction:column;justify-content:end;align-items:center;gap:10px;min-height:260px;padding:14px 12px;display:flex}.trace-bar-card:disabled{cursor:not-allowed;opacity:.72}.trace-bar-card-active{background:#f8fbff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.trace-bar-top{justify-content:center;width:100%;display:flex}.trace-bar-count{color:#0f172a;font-size:24px;font-weight:700}.trace-bar-track{background:linear-gradient(#eef4ff 0%,#dbeafe 100%);border-radius:14px;justify-content:center;align-items:end;width:64px;height:170px;padding:8px;display:flex}.trace-bar-fill{background:linear-gradient(#60a5fa 0%,#2563eb 100%);border-radius:10px;width:100%;min-height:18px;transition:height .25s}.trace-bar-label{color:#1e293b;text-align:center;font-size:14px;font-weight:700;line-height:1.5}@media (width<=1200px){.trace-bar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.trace-bar-grid{grid-template-columns:1fr}}.trace-machine-bar-card{flex-direction:column;align-items:center;gap:10px;width:104px;display:flex;position:relative}.trace-machine-bar-label{color:#1e293b;text-align:center;word-break:break-all;width:100%;font-size:13px;font-weight:700;line-height:1.4}.trace-machine-tooltip{color:#fff;opacity:0;visibility:hidden;pointer-events:none;z-index:20;background:#0f172af5;border-radius:14px;width:320px;max-width:calc(100vw - 48px);padding:12px;transition:opacity .16s,visibility .16s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 18px 40px #0f172a3d}.trace-machine-tooltip:after{content:"";border:7px solid #0000;border-top:8px solid #0f172af5;border-bottom-width:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.trace-machine-bar-card:hover .trace-machine-tooltip{opacity:1;visibility:visible}.trace-machine-tooltip-title{margin-bottom:10px;font-size:13px;font-weight:700;line-height:1.5}.trace-machine-tooltip-list{gap:8px;max-height:260px;display:grid;overflow-y:auto}.trace-machine-tooltip-item{background:#ffffff14;border-radius:10px;padding:8px 10px}.trace-machine-tooltip-tray{word-break:break-all;margin-bottom:4px;font-size:13px;font-weight:700}.trace-machine-tooltip-time{color:#dbeafe;font-size:12px;line-height:1.5}@media (width<=768px){.trace-machine-tooltip{width:280px}}.trace-machine-chart-wrap{padding-bottom:8px;overflow-x:auto}.trace-machine-chart{align-items:flex-end;gap:18px;min-width:max-content;padding:12px 4px 8px;display:flex}.trace-machine-bar-card{background:0 0;border:none;flex-direction:column;align-items:center;gap:10px;width:110px;padding:0;display:flex;position:relative}.trace-machine-bar-card-active .trace-machine-bar-fill,.trace-machine-bar-card:hover .trace-machine-bar-fill{background:linear-gradient(#22c55e 0%,#2563eb 100%)}.trace-machine-bar-card-active .trace-machine-bar-label,.trace-machine-bar-card:hover .trace-machine-bar-label{color:#1d4ed8}.trace-machine-bar-top{color:#0f172a;font-size:22px;font-weight:700}.trace-machine-bar-track{background:linear-gradient(#eef4ff 0%,#dbeafe 100%);border-radius:14px;justify-content:center;align-items:end;width:74px;height:198px;padding:8px;display:flex}.trace-machine-bar-fill{background:linear-gradient(#38bdf8 0%,#2563eb 100%);border-radius:10px;width:100%;min-height:24px;transition:height .25s,background .2s}.trace-machine-bar-label{color:#1e293b;text-align:center;word-break:break-all;width:100%;font-size:13px;font-weight:700;line-height:1.45;transition:color .2s}.trace-machine-detail-card{background:#f8fbff;border:1px solid #dbeafe;border-radius:14px;margin-top:16px;padding:14px 16px}.trace-machine-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.trace-machine-detail-title{color:#0f172a;font-size:15px;font-weight:700}.trace-machine-detail-count{color:#1d4ed8;font-size:13px;font-weight:700}.trace-machine-detail-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;display:grid}.trace-machine-detail-item{background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:10px 12px}.trace-machine-detail-tray{color:#0f172a;word-break:break-all;margin-bottom:4px;font-size:13px;font-weight:700}.trace-machine-detail-time{color:#475569;font-size:12px;line-height:1.5}@media (width<=768px){.trace-machine-chart{gap:14px}.trace-machine-bar-card{width:96px}.trace-machine-bar-track{width:64px;height:172px}.trace-machine-detail-list{grid-template-columns:1fr}}.trace-pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;display:flex}.trace-page-info{color:#475569;font-size:13px;font-weight:600}.smart-plan-page{min-width:0}.smart-plan-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.smart-plan-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.smart-plan-toolbar{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px 16px;display:grid}.smart-plan-filter-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:12px}.smart-plan-filter-item span,.smart-stat-card span,.smart-right-summary span{color:#64748b;margin-bottom:6px;font-size:12px;display:block}.smart-plan-filter-item strong,.smart-stat-card strong,.smart-right-summary strong{color:#0f172a;font-size:15px}.smart-plan-layout{grid-template-columns:minmax(320px,30%) minmax(0,70%);align-items:start;gap:16px;display:grid}.smart-plan-left,.smart-plan-right{min-height:650px;margin-bottom:0}.smart-plan-left{padding:16px}.smart-plan-right{padding:16px;overflow:hidden}.smart-plan-hint{color:#64748b;font-size:12px;line-height:1.6}.smart-plan-count{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;flex:none;padding:5px 10px;font-size:12px;font-weight:700}.smart-finished-list{gap:12px;min-height:480px;max-height:calc(100vh - 285px);padding-right:4px;display:grid;overflow-y:auto}.smart-finished-card{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;padding:13px;box-shadow:0 8px 22px #0f172a0a}.smart-finished-card:hover{border-color:#93c5fd;transform:translateY(-1px)}.smart-finished-card-active{background:linear-gradient(135deg,#eff6ff 0%,#fff 62%);border-color:#2563eb;box-shadow:0 12px 28px #2563eb1f}.smart-finished-title-line{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.smart-finished-name{color:#0f172a;font-weight:800;line-height:1.4}.smart-version-tag{color:#1d4ed8;background:#dbeafe;border-radius:999px;flex:none;padding:3px 8px;font-size:12px;font-weight:800}.smart-finished-meta{color:#64748b;margin-bottom:10px;font-size:12px}.smart-month-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.smart-month-grid>div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:8px}.smart-month-grid span{color:#64748b;margin-bottom:4px;font-size:12px;display:block}.smart-month-grid strong{color:#0f172a;font-size:14px}.smart-finished-bottom{color:#475569;justify-content:space-between;gap:8px;margin-top:10px;font-size:12px;font-weight:700;display:flex}.smart-right-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.smart-selected-title{color:#0f172a;font-size:22px;font-weight:800;line-height:1.4}.smart-selected-title span{color:#64748b;margin-left:8px;font-size:13px;font-weight:700}.smart-right-summary{grid-template-columns:repeat(3,minmax(92px,1fr));gap:8px;min-width:320px;display:grid}.smart-right-summary>div,.smart-stat-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:10px 12px}.smart-warn-text{color:#dc2626!important}.smart-stat-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.smart-plan-table-wrap{border:1px solid #e5e7eb;border-radius:16px;min-height:410px;max-height:calc(100vh - 365px);overflow:auto}.smart-plan-table{min-width:1180px;margin-bottom:0}.smart-plan-table th{white-space:nowrap;z-index:1}.smart-plan-table td{font-size:13px}.smart-code-cell{color:#1d4ed8;white-space:nowrap;font-weight:800}.smart-name-cell{min-width:220px;line-height:1.5}.smart-shortage-row{background:#fffaf0}.smart-danger-pill,.smart-ok-pill{border-radius:999px;justify-content:center;align-items:center;min-width:66px;padding:4px 8px;font-weight:800;display:inline-flex}.smart-danger-pill{color:#dc2626;background:#fee2e2}.smart-ok-pill{color:#15803d;background:#dcfce7}.smart-plan-note{color:#64748b;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.7}@media (width<=1280px){.smart-plan-layout{grid-template-columns:1fr}.smart-plan-toolbar,.smart-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-finished-list{min-height:auto;max-height:none}}@media (width<=900px){.smart-plan-header,.smart-right-head{flex-direction:column}.smart-plan-toolbar,.smart-stat-row,.smart-right-summary{grid-template-columns:1fr;width:100%;min-width:0}}.smart-plan-version-select select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:220px;height:30px;padding:0 8px;font-weight:700}.smart-plan-check-item{color:#334155;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.smart-plan-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:10px 0;padding:10px 12px;font-size:13px}.smart-plan-alert-soft{color:#92400e;background:#fffbeb;border-color:#fde68a}.smart-month-grid em{color:#64748b;margin-top:2px;font-size:11px;font-style:normal;display:block}.supplier-page{width:100%;max-width:1760px;margin:0 auto;padding:14px 20px 20px}.supplier-hero{color:#fff;background:radial-gradient(circle at 78% 8%,#63b3ed59,#0000 28%),linear-gradient(120deg,#09203d 0%,#0e4166 56%,#0d6b74 100%);border-radius:19px;justify-content:space-between;align-items:center;gap:28px;min-height:116px;padding:20px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 46px #0e36552e}.supplier-hero:after{content:"";border:34px solid #ffffff14;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-170px;right:-94px}.supplier-eyebrow{color:#83e2de;letter-spacing:.18em;margin-bottom:8px;font-size:11px;font-weight:900}.supplier-hero h1{margin:0;font-size:27px;line-height:1.25}.supplier-hero p{color:#d6e8f4;max-width:760px;margin:6px 0 0;font-size:14px;line-height:1.7}.supplier-identity{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#051c2f3d;border:1px solid #ffffff29;border-radius:18px;flex-direction:column;align-items:flex-end;gap:5px;min-width:195px;padding:13px 16px;display:flex;position:relative}.supplier-identity span,.supplier-identity small{color:#bdd8e7;font-size:12px}.supplier-identity strong{font-size:20px}.supplier-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.supplier-steps>div{background:#fff;border:1px solid #dce6f1;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:9px 11px;display:flex;box-shadow:0 6px 18px #0f2c4b0a}.supplier-steps b{color:#fff;background:linear-gradient(135deg,#2563eb,#0d9488);border-radius:9px;flex:0 0 27px;justify-content:center;align-items:center;height:27px;font-size:13px;display:inline-flex}.supplier-steps span{flex-direction:column;gap:2px;min-width:0;display:flex}.supplier-steps strong{color:#1e293b;font-size:13px}.supplier-steps small{color:#8493a7;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.supplier-message{border-radius:12px;margin-top:14px;padding:12px 15px;font-size:14px;font-weight:700}.supplier-message-error{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca}.supplier-message-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.supplier-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:10px 0;display:grid}.supplier-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:center;min-height:86px;padding:13px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f2c4b0f}.supplier-kpi:before{content:"";background:var(--supplier-kpi-color);width:4px;position:absolute;top:0;bottom:0;left:0}.supplier-kpi:after{content:"";background:var(--supplier-kpi-soft);border-radius:50%;width:72px;height:72px;position:absolute;top:-28px;right:-24px}.supplier-kpi span{color:#64748b;font-size:13px;font-weight:700}.supplier-kpi strong{color:#0f172a;font-variant-numeric:tabular-nums;margin:4px 0 2px;font-size:22px}.supplier-kpi small{color:#94a3b8}.supplier-kpi-blue{--supplier-kpi-color:#2563eb;--supplier-kpi-soft:#dbeafe}.supplier-kpi-amber{--supplier-kpi-color:#d97706;--supplier-kpi-soft:#fef3c7}.supplier-kpi-green{--supplier-kpi-color:#059669;--supplier-kpi-soft:#d1fae5}.supplier-kpi-indigo{--supplier-kpi-color:#4f46e5;--supplier-kpi-soft:#e0e7ff}.supplier-filter-card,.supplier-order-card,.supplier-entry-card{background:#fff;border:1px solid #dfe7f1;border-radius:18px;box-shadow:0 8px 26px #0f2c4b0d}.supplier-filter-card{margin-bottom:12px;padding:14px 18px}.supplier-filter-heading,.supplier-section-head,.supplier-history-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.supplier-filter-heading>div,.supplier-section-head>div,.supplier-history-head>div{flex-direction:column;gap:4px;display:flex}.supplier-filter-actions{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.supplier-filter-heading strong,.supplier-section-head strong,.supplier-history-head strong{color:#122033;font-size:16px}.supplier-filter-heading span,.supplier-section-head span,.supplier-history-head span{color:#7a8ca2;font-size:12px}.supplier-filter-grid{grid-template-columns:minmax(190px,1.35fr) repeat(4,minmax(145px,1fr)) auto;align-items:end;gap:12px;margin-top:10px;display:grid}.supplier-filter-grid label,.supplier-entry-form label{flex-direction:column;gap:7px;min-width:0;display:flex}.supplier-filter-grid label>span,.supplier-entry-form label>span{color:#475569;font-size:12px;font-weight:800}.supplier-filter-grid input,.supplier-filter-grid select,.supplier-entry-form input,.supplier-entry-form select,.supplier-entry-form textarea{color:#172033;background:#fbfdff;border:1px solid #cfd9e6;border-radius:10px;outline:none;width:100%;min-height:40px;padding:8px 11px}.supplier-filter-grid input:focus,.supplier-filter-grid select:focus,.supplier-entry-form input:focus,.supplier-entry-form select:focus,.supplier-entry-form textarea:focus{background:#fff;border-color:#2d75ce;box-shadow:0 0 0 3px #2d75ce1a}.supplier-search-btn{width:auto;min-width:108px;height:40px;margin:0;padding:0 18px}.supplier-workbench{grid-template-columns:minmax(0,1.7fr) minmax(390px,.7fr);align-items:start;gap:16px;display:grid}.supplier-order-card{min-width:0;overflow:hidden}.supplier-section-head{border-bottom:1px solid #edf1f6;padding:17px 18px}.supplier-table-wrap{max-height:730px;overflow:auto}.supplier-order-table{border-collapse:separate;border-spacing:0;width:100%;min-width:920px}.supplier-order-table th{z-index:1;color:#52647a;text-align:left;white-space:nowrap;background:#f6f9fc;border-bottom:1px solid #dfe7f1;padding:11px 13px;font-size:12px;position:sticky;top:0}.supplier-order-table td{color:#243247;vertical-align:middle;border-bottom:1px solid #edf1f5;padding:13px;font-size:13px}.supplier-order-table tbody tr{cursor:pointer;transition:background .18s}.supplier-order-table tbody tr:hover{background:#f5faff}.supplier-order-table tbody tr.supplier-order-row-active{background:#eaf4ff;box-shadow:inset 4px 0 #2878d0}.supplier-order-table td strong,.supplier-order-table td span{display:block}.supplier-pagination{color:#6f8095;background:#fbfdff;border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12px;display:flex}.supplier-pagination>div{gap:8px;display:flex}.supplier-pagination .secondary-btn{height:32px;padding:0 12px;font-size:12px}.supplier-pagination .secondary-btn:disabled{cursor:not-allowed;opacity:.48}.supplier-order-table td span{color:#8493a7;margin-top:4px;font-size:11px}.supplier-order-table .number-cell{text-align:right;font-variant-numeric:tabular-nums}.supplier-action-cell{text-align:center!important}.supplier-row-action{color:#1d5e9f;cursor:pointer;background:#f4f9ff;border:1px solid #bad2ec;border-radius:8px;min-width:62px;height:30px;padding:0 10px;font-size:11px;font-weight:800}.supplier-row-action:hover,.supplier-row-action-active{color:#fff;background:#2778cf;border-color:#2778cf}.supplier-number-warn{font-weight:800;color:#b45309!important}.supplier-number-good{font-weight:800;color:#047857!important}.supplier-status-ok,.supplier-status-error,.supplier-open-badge,.supplier-change-type,.supplier-reversed-note{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:11px;font-weight:900;display:inline-flex}.supplier-status-ok{background:#d1fae5;color:#047857!important}.supplier-status-error{background:#fee2e2;color:#b91c1c!important}.supplier-empty{color:#8291a5;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:260px;padding:30px;display:flex}.supplier-empty strong{color:#314158;font-size:16px}.supplier-entry-card{max-height:calc(100vh - 104px);padding:18px;position:sticky;top:84px;overflow:auto}.supplier-selected-head{border-bottom:1px solid #e8eef5;justify-content:space-between;gap:12px;padding-bottom:15px;display:flex}.supplier-selected-head>div{flex-direction:column;gap:4px;min-width:0;display:flex}.supplier-selected-head span,.supplier-selected-head small{color:#718198;font-size:12px}.supplier-selected-head strong{color:#112239;font-size:18px}.supplier-open-badge{background:#e0f2fe;height:25px;color:#075985!important}.supplier-equation{background:#f7fafd;border:1px solid #dce7f2;border-radius:14px;grid-template-columns:repeat(7,auto);justify-content:space-between;align-items:center;gap:5px;margin:15px 0;padding:12px;display:grid}.supplier-equation>div{flex-direction:column;gap:3px;min-width:0;display:flex}.supplier-equation span{color:#76879a;white-space:nowrap;font-size:10px}.supplier-equation strong{color:#142339;font-variant-numeric:tabular-nums;text-overflow:ellipsis;font-size:13px;overflow:hidden}.supplier-equation i{color:#93a3b7;font-style:normal;font-weight:900}.supplier-entry-title{justify-content:space-between;align-items:baseline;gap:10px;margin:18px 0 12px;display:flex}.supplier-entry-title strong{color:#16263b}.supplier-entry-title span{color:#8291a5;font-size:11px}.supplier-entry-form{background:#f8fbfe;border:1px solid #dfe8f2;border-radius:15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.supplier-input-hint{color:#8090a4;font-size:10px;line-height:1.45}.supplier-entry-preview{background:#f0fdf7;border:1px solid #b9e4d2;border-radius:12px;grid-column:1/-1;padding:12px}.supplier-entry-preview-error{background:#fff5f5;border-color:#fecaca}.supplier-preview-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.supplier-preview-head strong{color:#18384a;font-size:12px}.supplier-preview-head span{color:#08785b;text-align:right;font-size:10px;font-weight:800}.supplier-entry-preview-error .supplier-preview-head span{color:#b91c1c}.supplier-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.supplier-preview-grid>div{background:#ffffffc7;border-radius:9px;flex-direction:column;gap:3px;min-width:0;padding:8px 9px;display:flex}.supplier-preview-grid span{color:#718198;font-size:10px}.supplier-preview-grid strong{color:#12233a;font-variant-numeric:tabular-nums;text-overflow:ellipsis;font-size:14px;overflow:hidden}.supplier-form-wide,.supplier-submit-btn{grid-column:1/-1}.supplier-submit-btn{margin:2px 0 0}.supplier-submit-btn:disabled{cursor:not-allowed;opacity:.52}.supplier-history-head{margin:20px 0 10px}.supplier-history-list{flex-direction:column;gap:9px;display:flex}.supplier-history-item{background:#fff;border:1px solid #e1e8f0;border-left:3px solid #3b82f6;border-radius:12px;padding:12px;position:relative}.supplier-history-correction{background:#fffdf7;border-left-color:#d97706}.supplier-history-reversal{background:#fff8f8;border-left-color:#dc2626}.supplier-history-top,.supplier-history-top>div,.supplier-history-qty,.supplier-history-meta{align-items:center;display:flex}.supplier-history-top{justify-content:space-between;gap:10px}.supplier-history-top>div{gap:8px}.supplier-history-top>small,.supplier-history-meta{color:#8a98aa;font-size:11px}.supplier-change-type{color:#1d4ed8;background:#dbeafe}.supplier-history-correction .supplier-change-type{color:#92400e;background:#fef3c7}.supplier-history-reversal .supplier-change-type{color:#b91c1c;background:#fee2e2}.supplier-history-qty{color:#526277;gap:22px;margin:10px 0 7px;font-size:12px}.supplier-history-qty strong{color:#11233a;font-variant-numeric:tabular-nums;margin-left:4px;font-size:14px}.supplier-history-meta{justify-content:space-between;gap:10px}.supplier-history-item p{color:#6b5c43;background:#f59e0b14;border-radius:8px;margin:8px 0;padding:7px 9px;font-size:11px;line-height:1.5}.supplier-history-item>.link-btn{margin-top:9px;font-size:11px}.supplier-reversed-note{color:#64748b;background:#e2e8f0;margin-top:9px}.supplier-history-empty{color:#8a99ac;text-align:center;border:1px dashed #d4deea;border-radius:12px;padding:24px;font-size:12px}.supplier-side-empty{min-height:420px}@media (width<=1420px){.supplier-filter-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.supplier-workbench{grid-template-columns:minmax(0,1.45fr) minmax(370px,.75fr)}}@media (width<=1120px){.supplier-kpi-grid,.supplier-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-workbench{grid-template-columns:1fr}.supplier-entry-card{max-height:none;position:static}}@media (width<=720px){.supplier-page{padding:12px}.supplier-hero{flex-direction:column;align-items:flex-start;padding:22px}.supplier-identity{align-items:flex-start;width:100%}.supplier-kpi-grid,.supplier-steps,.supplier-filter-grid,.supplier-entry-form{grid-template-columns:1fr}.supplier-form-wide,.supplier-submit-btn,.supplier-entry-preview{grid-column:auto}.supplier-equation{grid-template-columns:repeat(4,1fr)}.supplier-equation i{display:none}}