:root{color:#0b0b0b;background:#d9d9d7;font-family:Inter,Microsoft YaHei,system-ui,sans-serif;--bg: #d9d9d7;--surface: #f7f7f5;--card: #ffffff;--ink: #080808;--muted: #8d8a85;--line: #ece8e2;--accent: #c87255;--accent-soft: #f4dfd6;--shadow: 0 22px 60px rgba(29, 27, 24, .1);--sidebar: #ffffff;--main: #f4f4f2;--field: #ffffff;--field-border: #d8d1c8;--soft: #f4f1ec;--soft-2: #fbfaf8;--hover: #f6f2ec;--button: #efefed;--button-hover: #e6e2dc;--accent-ink: #8c452c;--muted-ink: #6d655c;--focus-ring: rgba(200,114,85,.12)}:root[data-theme=dark]{color-scheme:dark;color:#f4efe7;background:#11100e;--bg: #11100e;--surface: #171512;--card: #201d19;--ink: #f6efe6;--muted: #aca398;--line: #38322b;--accent: #d88a63;--accent-soft: #3a261e;--shadow: 0 22px 60px rgba(0, 0, 0, .36);--sidebar: #181612;--main: #14120f;--field: #151310;--field-border: #40382f;--soft: #2a251f;--soft-2: #1c1915;--hover: #28231e;--button: #2d2822;--button-hover: #393229;--accent-ink: #f0b08a;--muted-ink: #c6bbae;--focus-ring: rgba(216,138,99,.18)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#c8c5bf;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#a8a5a0}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner{background:transparent}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#c8c5bf transparent}}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr;padding:24px;gap:0;background:var(--bg)}.sidebar{background:var(--sidebar);color:var(--ink);padding:22px 16px;display:flex;flex-direction:column;gap:22px;border-radius:28px 0 0 28px;border:1px solid var(--sidebar);box-shadow:var(--shadow);min-height:calc(100vh - 48px)}.brand{display:flex;align-items:center;gap:10px;padding:14px 12px 20px}.brand-logo{flex-shrink:0;width:44px;height:44px;border-radius:10px;object-fit:cover;display:block}.brand small{color:var(--ink);font-size:17px;font-weight:800;letter-spacing:.3px}nav{display:grid;gap:8px}nav button,.logout{display:flex;align-items:center;gap:10px;color:var(--ink);background:transparent;border-radius:999px;padding:12px 14px;text-align:left;transition:.18s ease}nav button.active,nav button:hover{background:#0a0a0a;color:#fff}nav button.active:after{content:"";margin-left:auto;width:9px;height:9px;border-radius:999px;background:var(--accent)}.nav-dot{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#d93025;color:#fff;font-size:11px;font-style:normal;font-weight:700;line-height:1}nav button.active:has(.nav-dot):after{display:none}.logout{margin-top:auto;width:100%}.logout:hover{background:var(--hover);color:var(--ink)}main{min-width:0;background:var(--main);border:1px solid var(--sidebar);border-left:0;border-radius:0 28px 28px 0;box-shadow:var(--shadow);overflow:hidden}.topbar{min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 28px;background:var(--sidebar);border-bottom:1px solid var(--line)}.topbar div{display:grid;gap:4px}.topbar>div:first-of-type{margin-left:auto;text-align:right}.topbar strong{font-size:16px}.topbar span{color:var(--muted);font-size:13px}.notice{margin:0;color:#7f3e28;background:var(--accent-soft);padding:10px 14px;border-radius:999px;max-width:min(560px,55vw);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page{padding:30px}@media(min-width:981px){.shell{height:100vh;height:100dvh;grid-template-rows:minmax(0,1fr);overflow:hidden}.sidebar{min-height:0;overflow-y:auto}main{min-height:0;display:flex;flex-direction:column}.topbar{flex-shrink:0}.page-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}}.page h2{margin:0 0 18px;font-size:34px;letter-spacing:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.page-heading h2{margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:18px}.metric,.panel,.login-panel,.modal,.drawer,.row,.empty{background:var(--card);border:1px solid var(--card);border-radius:22px;box-shadow:0 16px 36px #221f1c12}.metric{padding:22px;display:grid;gap:14px;min-height:132px}.metric span{color:var(--muted)}.metric strong{font-size:34px}.metric-trend-grid{grid-template-columns:repeat(3,minmax(150px,1fr));margin-top:18px}.metric-clickable{position:relative;border:0;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.metric-clickable:hover{transform:translateY(-2px);box-shadow:0 10px 22px #2820181a}.overview-order-list{display:grid;gap:8px;max-height:56vh;overflow:auto;padding-right:2px}.overview-order-row{display:grid;grid-template-columns:auto 1fr auto;gap:4px 12px;align-items:center;padding:10px 12px;border:1px solid #ebe6df;border-radius:8px;background:#fff;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .15s ease,background .15s ease}.overview-order-row:hover{border-color:#1d6b63;background:#f6f4f0}.overview-order-no{font-weight:700;font-size:13px}.overview-order-time{grid-column:1 / -1;font-size:12px;color:var(--muted)}.overview-detail{display:grid;gap:14px}.overview-detail-head{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.overview-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.overview-detail-grid>div{display:grid;gap:4px;font-size:13px}.overview-detail-grid span{color:var(--muted)}.overview-detail-grid strong{font-weight:600;color:var(--ink);word-break:break-all}.overview-detail-remark{margin:0;padding:10px 12px;background:#f6f4f0;border-radius:8px;font-size:13px;color:#5d5852}.overview-detail-hint{margin:0;font-size:12px;color:var(--muted)}.overview-danger-alert{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:16px 18px;border:1px solid #f0a08f;border-radius:8px;background:#fff0eb;color:#9d301b;box-shadow:0 14px 28px #9d301b1f}.overview-danger-alert div{display:grid;gap:5px;min-width:0}.overview-danger-alert strong{font-size:16px}.overview-danger-alert p{margin:0;line-height:1.55}.overview-danger-alert button{flex:0 0 auto;border-color:#9d301b;background:#9d301b;color:#fff}.report-toolbar label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.report-toolbar,.monthly-report-page .report-toolbar{align-items:flex-end}.report-toolbar input[type=month]{min-width:212px}.report-toolbar button{min-height:46px}.report-panel{margin-bottom:18px;overflow:hidden}.monthly-report-page .report-panel{width:min(100%,1120px);max-width:1120px}.report-panel h3{font-size:20px}.report-chart-panel,.report-insight-panel{max-width:1120px}.report-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.report-section-head h3{margin:0}.report-section-head span{color:var(--muted);font-size:13px;font-weight:700}.report-collapse-button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid #e5ddd2;border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:800}.report-collapse-button svg{transition:transform .16s ease}.report-collapse-button svg.is-open{transform:rotate(180deg)}.report-column-chart{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(88px,1fr);gap:20px;align-items:end;overflow-x:auto;padding:4px 2px 0}.report-column{display:grid;grid-template-rows:auto 210px auto;gap:10px;justify-items:center;min-width:0}.report-column em{color:var(--ink);font-style:normal;font-weight:800;white-space:nowrap}.report-column-track{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}.report-column-track span{display:block;width:min(100%,56px);border-radius:10px 10px 4px 4px;background:var(--accent);transition:height .2s ease}.report-column strong{width:100%;color:var(--ink);font-size:13px;line-height:1.35;text-align:center;overflow-wrap:anywhere}.report-table{display:grid;gap:8px;overflow-x:auto}.report-table-head,.report-row{display:grid;gap:10px;align-items:center;min-width:720px}.report-table-head{padding:0 12px 6px;color:var(--muted);font-size:12px;font-weight:800}.report-row{padding:11px 12px;border:1px solid #eee9e2;border-radius:8px;background:#fff;font-size:13px}.report-row strong,.report-row span{min-width:0;overflow-wrap:anywhere}.report-row mark{justify-self:start;padding:4px 9px;border-radius:999px;background:#f1eee9;color:#625d57}.report-detail-cols{grid-template-columns:minmax(132px,.9fr) minmax(220px,1.5fr) 64px minmax(88px,.7fr) minmax(112px,.8fr) minmax(150px,1fr) minmax(150px,1fr)}.report-insight-empty{padding:16px;border:1px dashed #ded6ca;border-radius:8px;background:#fffaf3;color:var(--muted);line-height:1.7}.report-insight-loading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;min-height:104px;padding:18px;border:1px solid #eee9e2;border-radius:8px;background:linear-gradient(90deg,#ffffff05,#ffffff14,#ffffff05),var(--soft);background-size:220% 100%;animation:report-loading-sheen 1.4s ease-in-out infinite}.report-insight-loading p{margin:0;color:var(--muted);font-size:17px;font-weight:800}.report-insight-loader{position:relative;width:54px;height:54px;display:flex;align-items:center;justify-content:center;gap:5px}.report-insight-loader:before{content:"";position:absolute;inset:0;border:3px solid rgba(200,114,85,.18);border-top-color:var(--accent);border-radius:50%;animation:report-loader-spin .9s linear infinite}.report-insight-loader span{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:report-loader-dot .9s ease-in-out infinite}.report-insight-loader span:nth-child(2){animation-delay:.12s}.report-insight-loader span:nth-child(3){animation-delay:.24s}@keyframes report-loading-sheen{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes report-loader-spin{to{transform:rotate(360deg)}}@keyframes report-loader-dot{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.report-insight{display:grid;gap:18px}.report-insight-meta{margin:0;color:var(--muted);font-size:13px;font-weight:700}.report-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.report-insight-grid h4,.report-insight-block h4,.report-product-issues h4{margin:0 0 10px;color:var(--ink);font-size:15px}.report-product-issue-list{display:grid;gap:12px}.report-product-issue-card{display:grid;gap:12px;padding:14px;border:1px solid #eee9e2;border-radius:8px;background:#fff}.report-product-issue-head,.report-issue-share-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.report-product-issue-head div{display:grid;gap:4px;min-width:0}.report-product-issue-head strong{color:var(--ink);overflow-wrap:anywhere}.report-product-issue-head span,.report-issue-share p{color:var(--muted);font-size:12px;font-weight:700}.report-product-issue-head em{color:var(--accent);font-style:normal;font-weight:900;white-space:nowrap}.report-issue-share-bar{height:10px;overflow:hidden;border-radius:999px;background:#f1eee9}.report-issue-share-bar span{display:block;height:100%;border-radius:inherit;transition:width .22s ease}.report-issue-share-list{display:grid;gap:10px}.report-issue-share{display:grid;gap:6px}.report-issue-share-line span{min-width:0;color:var(--ink);font-size:13px;font-weight:800;overflow-wrap:anywhere}.report-issue-share-line strong{color:#625d57;font-size:12px;white-space:nowrap}.report-issue-share-bar{height:8px}.report-issue-share-bar span{background:linear-gradient(90deg,#2f7a78,#a7b35a)}.report-issue-share p{margin:0;line-height:1.45}.report-insight-card-list{display:grid;gap:10px}.report-insight-card{display:grid;gap:7px;padding:12px;border:1px solid #eee9e2;border-radius:8px;background:#fff}.report-insight-card strong{color:var(--ink)}.report-insight-card p{margin:0;color:#625d57;font-size:13px;line-height:1.55}.report-insight-block ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.report-insight-block li{padding:10px 12px;border:1px solid #eee9e2;border-radius:8px;background:#fff;color:#625d57;line-height:1.55}.split{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:start}.toolbar{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap;align-items:center}.page-title-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.page-title-row h2{margin:0}.icon-action{min-height:44px}.search{min-width:360px;display:flex;align-items:center;gap:10px;background:var(--field);border:1px solid var(--line);border-radius:999px;padding:0 14px;box-shadow:inset 0 1px #fffc}input,select,textarea{border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:var(--field);min-height:46px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#c87255a6;box-shadow:0 0 0 4px #c872551f}.search input{border:0;outline:0;width:100%;box-shadow:none}textarea{width:100%;min-height:104px;resize:vertical}.status-filter{display:flex;align-items:center;gap:12px;margin:-4px 0 18px;padding:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px #221f1c0b}.status-filter-label{flex:0 0 auto;color:var(--muted);font-size:13px;font-weight:700}.status-filter-list{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}.status-filter-list::-webkit-scrollbar{display:none}.status-filter-list button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-height:34px;padding:0 13px;border:1px solid transparent;border-radius:999px;background:var(--soft);color:var(--muted-ink);white-space:nowrap;transition:.16s ease}.status-filter-list button:hover{background:var(--accent-soft);color:var(--accent-ink)}.status-filter-list button.active{background:#0a0a0a;color:#fff;box-shadow:0 5px 14px #0000001f}.status-badge{position:absolute;top:-7px;right:-7px;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border:2px solid var(--card);border-radius:999px;background:#d93025;color:#fff;font-size:11px;font-style:normal;font-weight:800;line-height:1;box-shadow:0 5px 12px #d930253d}.metric-badge{top:14px;right:14px;border-color:var(--card)}.status-inline-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#d93025;color:#fff;font-size:11px;font-style:normal;font-weight:800;line-height:1}.status-filter-list button.active .status-inline-badge{background:#fff;color:#d93025}.toolbar button,.primary,.actions button,.row button,.drawer-section button:not(.attachment-preview-btn),.modal-actions button,.icon-btn{min-height:44px;border-radius:999px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--button);color:var(--ink);transition:.16s ease}.toolbar button:hover,.actions button:hover,.row button:hover,.drawer-section button:not(.attachment-preview-btn):hover,.modal-actions button:hover,.icon-btn:hover{background:var(--button-hover)}.primary{background:#050505;color:#fff;width:fit-content}.primary:hover{background:#282521}.table{display:grid;gap:10px;background:var(--card);border:1px solid var(--card);border-radius:26px;padding:12px}.row{width:100%;display:grid;grid-template-columns:1.2fr 1fr 1fr auto auto;align-items:center;gap:12px;color:var(--ink);padding:16px 18px;text-align:left}.row:hover{transform:translateY(-1px);box-shadow:0 18px 42px #221f1c1a}.row.selected{outline:2px solid rgba(200,114,85,.55);background:#fff8f4}.table-head{display:grid;align-items:center;gap:12px;padding:2px 18px 6px;color:var(--muted);font-size:13px}.three-cols{grid-template-columns:1.4fr 1fr 1fr}.order-cols{grid-template-columns:1.4fr 1fr 1fr 172px}.admin-cols{grid-template-columns:1.2fr 1fr 110px 190px}.admin-name-cell{display:flex;align-items:center;gap:10px;min-width:0}.row-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;font-size:14px;font-weight:800}.log-cols{grid-template-columns:1fr 1fr 1.2fr auto}.row span{color:var(--muted-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}mark,.tag{background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;padding:6px 11px;width:fit-content}.row mark{white-space:nowrap}.tag.subtle{background:var(--soft);color:var(--muted-ink)}.panel{padding:22px}.panel h3{margin:0 0 14px;font-size:24px}.grid-form{display:grid;gap:12px}.field{min-height:58px;display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:12px;background:var(--field);border:1px solid var(--line);border-radius:18px;padding:8px 12px 8px 18px}.field span{color:var(--ink);font-weight:700;white-space:normal;overflow-wrap:anywhere;line-height:1.35}.field.required>span:after{content:" *";color:#c4492d;font-weight:800}.field input,.field select,.field textarea{border:0;border-radius:12px;padding:9px 10px;min-height:40px;box-shadow:none;font-size:14px}.field-stack{display:grid;gap:4px;min-width:0}.field-hint{color:var(--muted);font-size:12px;line-height:1.5}.multiselect{position:relative}.multiselect-control{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:40px;padding:9px 10px;border:0;border-radius:12px;background:transparent;color:var(--ink);font-size:14px;text-align:left;cursor:pointer}.multiselect-control.is-placeholder .multiselect-value{color:var(--muted)}.multiselect-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-panel{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;display:grid;gap:10px;max-height:260px;overflow-y:auto;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 12px 28px #332c2724}.multiselect-group-label{color:var(--muted);font-size:12px;font-weight:800}.multiselect-option{display:flex;align-items:center;gap:8px;min-height:30px;color:var(--ink);font-size:14px;cursor:pointer}.multiselect-option input{width:16px;height:16px;accent-color:#c26a45;cursor:pointer}.multiselect-other-input{width:100%;min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:none}.searchable-select{position:relative;min-width:0}.searchable-select input{width:100%;padding-right:30px}.searchable-select input:disabled{cursor:not-allowed;opacity:.55}.searchable-select-caret{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:var(--muted);pointer-events:none}.searchable-select-list{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;max-height:240px;overflow-y:auto;margin:0;padding:6px;list-style:none;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 12px 28px #332c2724}.searchable-select-option{padding:8px 10px;border-radius:9px;color:var(--ink);font-size:14px;cursor:pointer}.searchable-select-option.is-highlight{background:var(--hover)}.searchable-select-option.is-selected{color:var(--accent-ink);font-weight:800}.searchable-select-empty{padding:10px;color:var(--muted);font-size:13px}.textarea-field{align-items:start;padding-top:14px}.textarea-field span{padding-top:10px}.actions{display:flex;gap:9px;flex-wrap:wrap}.progress-actions{align-items:center;justify-content:flex-end;margin-top:4px}.exception-menu-wrap{position:relative;margin-right:auto}.exception-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:30;display:grid;gap:6px;min-width:150px;padding:8px;background:#fff;border:1px solid #e5ded4;border-radius:12px;box-shadow:0 12px 30px #231c1424}.exception-menu button{justify-content:flex-start;white-space:nowrap}.records-toggle{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid #d8d0c4;background:#f5f1ea;color:#5d5852;cursor:pointer}.records-toggle:hover{background:#efe9df}.review-form{display:grid;gap:12px;margin-top:12px}.review-form button{justify-self:end}.stage-hint{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;border:1px solid #ecd9bb;border-radius:8px;background:#fdf6ea;color:#6b4f24}.stage-hint svg{flex:0 0 auto;margin-top:1px;color:#c26a45}.stage-hint strong{display:block;margin:0 0 4px;font-size:14px}.stage-hint p{margin:0;font-size:13px;line-height:1.6}.current-node-box{display:grid;gap:10px;margin-top:14px;padding:14px;border:1px solid #f0ebe4;border-radius:8px;background:#faf8f5}.current-node-box h5{margin:0;font-size:15px}.current-node-box .muted-text{margin:0}.node-remark-field{background:#fff}.file-upload-control{display:flex;align-items:center;gap:10px;min-width:0}.visually-hidden-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-upload-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:999px;background:#050505;color:#fff;cursor:pointer;white-space:nowrap}.file-upload-control span{color:#5f5953;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions.compact{justify-content:flex-end}.actions.compact button{min-height:36px;padding:0 11px}.timeline{color:#6f6962;font-size:13px;line-height:1.6;background:#faf8f5;border:1px solid #f0ebe4;border-radius:14px;padding:9px 11px}.result-panel{border-color:#d7e8d8;background:#f4fbf4}.record-list{display:grid;gap:10px}.record-card{display:grid;gap:4px;padding:11px 12px;border:1px solid #f0ebe4;border-radius:8px;background:#faf8f5}.record-card span{color:var(--muted);font-size:12px}.record-card strong{color:#27231f;font-size:14px}.record-card p{margin:0;color:#625d56;line-height:1.55}.record-card button{justify-self:start;min-height:34px;padding:0 12px;margin-top:4px}.snapshot-view{display:grid;gap:14px}.snapshot-view section{border:1px solid #f0ebe4;border-radius:8px;background:#fff;padding:14px}.snapshot-view h4{margin:0 0 10px}.snapshot-view p{margin:6px 0;line-height:1.55}.snapshot-view p span{display:inline-block;min-width:92px;color:var(--muted)}.snapshot-attachments{display:flex;flex-wrap:wrap;gap:8px}.snapshot-attachments span{color:#5f5953;background:#faf8f5;border:1px solid #f0ebe4;border-radius:999px;padding:7px 10px;font-size:13px}.result-panel strong{color:#2d6b3a;font-size:16px}.muted-text{color:var(--muted);line-height:1.7}.node-history{display:grid;gap:12px}.node-card{border:1px solid #f0ebe4;border-radius:8px;background:#fff;padding:14px}.node-card.current{border-color:#df957a;background:#fffaf7}.node-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.node-facts{display:grid;gap:7px;margin-bottom:10px}.node-facts p{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:baseline;margin:0;color:#2f2b27;line-height:1.55}.node-facts span{color:var(--muted)}.node-empty{margin:4px 0 0}.attachment-grid{display:grid;gap:10px}.attachment-card{display:grid;grid-template-columns:128px minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 18px;border:1px solid #efe9e1;border-radius:16px;background:#fffdf9;box-shadow:0 8px 22px #28201809}.attachment-media-cell{display:grid;gap:8px;justify-items:stretch}.attachment-preview{width:128px;height:84px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#f1ede7,#e7e1d8)}.attachment-preview img,.attachment-preview video{width:100%;height:100%;object-fit:cover}.attachment-preview a{color:#211f1b;font-size:13px}.attachment-meta{display:grid;gap:6px;min-width:0;align-content:center}.attachment-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#17130f;font-size:16px;line-height:1.35;font-weight:800}.attachment-meta span{color:var(--muted);font-size:13px;line-height:1.45}.attachment-actions,.attachment-card-actions{display:flex;align-items:center;gap:8px}.attachment-card-actions{justify-content:flex-end;min-width:176px}.attachment-actions a{color:#211f1b;text-decoration:none;font-size:13px}.attachment-preview-btn{width:100%;height:100%;padding:0;border:none;border-radius:inherit;background:none;color:#211f1b;cursor:pointer;display:grid;place-items:center;text-align:center;font:inherit}.attachment-preview-btn img{display:block;width:100%;height:100%;object-fit:cover}.attachment-preview-btn:focus{outline:none}.attachment-preview-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.attachment-preview-btn.video-cover{background:linear-gradient(150deg,#453b30,#786552);color:#fffdf9}.video-play-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fffffff2;box-shadow:0 6px 16px #00000038;transition:transform .16s ease}.video-play-mark:before{content:"";margin-left:4px;border-left:13px solid #211f1b;border-top:8px solid transparent;border-bottom:8px solid transparent}.attachment-preview-btn.video-cover:hover .video-play-mark{transform:scale(1.06)}.attachment-preview-btn.video-cover:active .video-play-mark{transform:scale(.96)}.attachment-preview-btn.file-cover,.attachment-placeholder{display:grid;place-items:center;gap:6px;color:#6d655c;font-size:13px;font-weight:700}.file-mark{padding:3px 7px;border-radius:6px;background:#fff7ed;color:#9a4b25;font-size:12px}.attachment-action-link{min-height:42px;padding:0 20px;border:0;border-radius:999px;background:#f0efed;font:inherit;font-size:15px;font-weight:800;color:#15120f;cursor:pointer;white-space:nowrap}.attachment-action-link:hover{background:#e8e3dc}.attachment-action-link:disabled{opacity:.6;cursor:wait}.attachment-error{grid-column:1 / -1;margin:0;color:#a3422c;font-size:12px}.attachment-error button{margin-left:6px}@media(max-width:720px){.attachment-card{grid-template-columns:104px minmax(0,1fr)}.attachment-preview{width:104px;height:72px}.attachment-card-actions{min-width:0}.attachment-card-actions{grid-column:2;justify-content:flex-start}}.attachment-viewer-backdrop{position:fixed;inset:0;z-index:60;background:#181613c7;display:grid;place-items:center;padding:24px;animation:mask-in .4s ease}.attachment-viewer{width:min(960px,94vw);max-height:92vh;display:flex;flex-direction:column;background:#fffdfb;border-radius:16px;overflow:hidden;box-shadow:0 24px 64px #00000059;animation:modal-in .4s ease}.attachment-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.attachment-viewer-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-viewer-body{flex:1;min-height:0;display:grid;place-items:center;background:#171613;padding:12px;overflow:hidden}.attachment-viewer-body img,.attachment-viewer-body video{max-width:100%;max-height:72vh;object-fit:contain;border-radius:8px}.attachment-viewer-body img{-webkit-user-select:none;user-select:none;will-change:transform}.attachment-viewer-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--line)}.attachment-viewer-foot>span{color:var(--muted);font-size:12px}.viewer-download{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;background:#282521;color:#fffdfb;text-decoration:none;font-size:13px;font-weight:600}.viewer-download:hover{background:#3a3630}.icon-inline{min-height:42px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:15px;font-weight:800}.delete-attachment-preview{display:grid;gap:4px;padding:12px 14px;border:1px solid #f0ebe4;border-radius:10px;background:#fbfaf8}.delete-attachment-preview strong{overflow-wrap:anywhere}.delete-attachment-preview span{color:var(--muted);font-size:13px}.modal-backdrop{position:fixed;inset:0;background:#1f1d1a6b;display:grid;place-items:center;padding:24px;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal{width:min(940px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:24px}.modal-header,.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.modal-header h3,.drawer-header h3{margin:0;font-size:25px}.drawer-header p{margin:5px 0 0;color:var(--muted)}.drawer-work-order-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.copy-work-order-button{min-height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:5px;border:1px solid #ded7cf;border-radius:999px;color:#5f554c;background:#fffaf5;font-size:13px;font-weight:800;cursor:pointer}.copy-work-order-button:hover{background:#f3eee8}.work-order-copy-hint{display:block;margin-top:5px;color:#9d301b;font-size:12px;font-weight:700}.icon-btn{width:44px;padding:0}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.full-span{grid-column:1 / -1}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.rate-limit-backdrop{z-index:80}.rate-limit-modal{width:min(460px,100%);display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:24px;overflow:visible}.rate-limit-modal .modal-actions{grid-column:1 / -1;margin-top:4px}.rate-limit-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:#9d301b;background:#fff0e7;border:1px solid #f0d2bf}.rate-limit-content{min-width:0;display:grid;gap:8px}.rate-limit-content h3{margin:0;font-size:22px}.rate-limit-content p{margin:0;color:var(--ink);line-height:1.7}.rate-limit-content span{width:fit-content;padding:6px 10px;border-radius:999px;background:#f7f1e9;color:#74685d;font-size:13px;font-weight:800}.result-dialog-body{display:grid;gap:18px}.result-dialog-body p{margin:0;color:var(--ink);line-height:1.7}.file-list{display:flex;gap:8px;flex-wrap:wrap}.file-list span{color:#5f5953;background:#faf8f5;border:1px solid #f0ebe4;border-radius:999px;padding:7px 10px;font-size:13px}.log-tabs{display:inline-flex;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px;margin-bottom:14px}.log-tabs button{min-height:38px;border-radius:999px;padding:0 18px;background:transparent;color:#514d47}.log-tabs button.active{background:#050505;color:#fff}.log-toolbar{background:#fff;border:1px solid #fff;border-radius:22px;padding:14px;margin-bottom:14px}.log-toolbar .muted-text{max-width:520px}.log-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#625d56;background:#fff;border:1px solid #fff;border-radius:18px;padding:14px 18px;margin-bottom:12px}.log-summary strong{color:var(--ink)}.log-list{display:grid;gap:10px}.log-order-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:16px;align-items:start}.log-order-detail{background:#fff;border:1px solid #fff;border-radius:22px;padding:18px;box-shadow:0 16px 36px #221f1c12}.log-order-detail h3{margin:0 0 6px;font-size:22px}.log-order-detail>p{margin:0 0 14px;color:var(--muted)}.log-card{display:grid;gap:10px;background:#fff;border:1px solid #fff;border-radius:20px;padding:16px 18px;box-shadow:0 16px 36px #221f1c12}.log-card>div:first-child,.log-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.log-card>div:first-child{justify-content:space-between}.log-card>div:first-child span,.log-meta span{color:var(--muted);font-size:13px}.log-card p{margin:0;color:#3c3833;line-height:1.6}.log-note{background:#faf8f5;border:1px solid #f0ebe4;border-radius:14px;padding:10px 12px}.log-attachment{display:grid;grid-template-columns:128px minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px;border:1px solid #eee7df;border-radius:12px;background:#fcfbf9}.log-attachment>.attachment-preview{grid-column:1;grid-row:1}.log-attachment>.log-attachment-info{grid-column:2;grid-row:1}.log-attachment>.attachment-actions{grid-column:3;grid-row:1;justify-self:end}.log-attachment>.attachment-error{grid-column:2 / -1;grid-row:2}@media(max-width:720px){.log-attachment{grid-template-columns:104px minmax(0,1fr) auto}}.log-attachment-preview{width:76px;height:58px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#f0ece6;color:var(--muted)}.log-attachment-preview img,.log-attachment-preview video{width:100%;height:100%;object-fit:cover}.log-attachment-info{display:grid;gap:4px;min-width:0}.log-attachment-info span{color:var(--ink);font-size:13px;font-weight:700}.log-attachment>.attachment-action-link{color:#8b4f35;white-space:nowrap}.drawer{position:fixed;top:24px;right:24px;width:min(690px,calc(100% - 48px));height:calc(100vh - 48px);padding:24px;overflow:auto;z-index:10}.drawer-section{background:#fbfaf8;border:1px solid #f0ebe4;border-radius:20px;padding:18px;margin-top:14px;display:grid;gap:12px}.drawer-section h4,.drawer-section p{margin:0}.action-error-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:11px 13px;border:1px solid #e8b4a4;border-radius:12px;color:#8f2f1d;background:#fff2ed;font-size:13px;font-weight:700;line-height:1.45}.action-error-banner button{width:28px;min-height:28px;padding:0;color:inherit;background:transparent}.progress-stepper{display:grid;grid-template-columns:repeat(7,minmax(64px,1fr));gap:0;padding:8px 0 2px;overflow-x:auto}.progress-step{position:relative;display:grid;justify-items:center;gap:8px;min-width:72px;color:#aaa49c;text-align:center}.progress-step:before{content:"";position:absolute;top:15px;left:-50%;right:50%;height:2px;background:#e4dfd8;z-index:0}.progress-step:first-child:before{display:none}.progress-step span{position:relative;z-index:1;width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#eeeae4;color:#837d75;font-size:13px;font-weight:800}.progress-step p{margin:0;font-size:12px;white-space:nowrap}.progress-step.done:before,.progress-step.active:before{background:var(--accent)}.progress-step.done span{background:var(--accent);color:#fff}.progress-step.active span{background:#050505;color:#fff;box-shadow:0 0 0 6px #c872552b}.progress-step.active p{color:var(--ink);font-weight:800}.progress-exception{grid-column:1 / -1;color:#8c452c;background:var(--accent-soft);border-radius:999px;padding:8px 12px;width:fit-content}.rollback{display:grid;grid-template-columns:150px minmax(0,1fr) 104px;gap:8px}.empty{color:var(--muted);padding:22px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 42%),var(--bg)}.login-panel{width:min(430px,100%);padding:32px;display:grid;gap:17px}.login-panel h1{margin:0;font-size:28px}.login-panel .brand-logo-lg{justify-self:start;width:72px;height:72px;border-radius:14px;object-fit:cover;display:block}.login-panel label{display:grid;gap:8px;color:#5d5852}.login-panel .login-remember{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700}.login-remember input{width:18px;height:18px;min-height:18px;padding:0;accent-color:#1d6b63}.login-remember span{display:grid;gap:2px}.login-remember small{color:var(--muted);font-size:12px;font-weight:600}.login-panel button.primary{width:100%;min-height:52px;margin-top:6px;font-size:17px;justify-self:stretch}.error{color:#9d301b;background:#fff0eb;border-radius:14px;padding:11px 13px;margin:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h4{margin:0}.logistics-card .muted-text{color:var(--muted)}.logistics-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.latest-trace{margin:0;color:#3c3833;line-height:1.6}.logistics-warning{margin:0;padding:10px 12px;color:#8c452c;background:var(--accent-soft);border-radius:12px;line-height:1.6}.logistics-events{display:grid;gap:8px}.logistics-event{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid #f0ebe4}.logistics-event span{color:var(--muted);font-size:12px}.logistics-event p{margin:0;line-height:1.5}.row small{display:block;margin-top:4px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.logistics-route-card .section-heading>div{display:grid;gap:3px}.logistics-route-card .section-heading h4{margin:0}.logistics-route-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:stretch}.logistics-route-map{position:relative;min-height:116px;padding:18px 14px 8px;display:grid;grid-template-columns:auto minmax(80px,1fr) auto;grid-template-rows:42px 40px;column-gap:10px;align-items:center;overflow:hidden;background:linear-gradient(145deg,#faf8f4,#f3eee7);border:1px solid #eee5dc;border-radius:16px}.route-endpoint{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;white-space:nowrap}.route-endpoint svg{color:var(--accent)}.route-destination{color:var(--ink);justify-self:end}.route-destination svg{color:#6a9a77}.route-line{position:relative;height:30px;align-self:center}.route-line-base,.route-line-active{position:absolute;left:0;right:0;top:14px;height:3px;border-radius:99px;transform:rotate(-5deg);transform-origin:left center}.route-line-base{background:#ded7cf}.route-line-active{right:auto;width:var(--route-progress);background:linear-gradient(90deg,#d39a76,#b95d3c)}.route-current-dot{position:absolute;left:var(--route-progress);top:7px;width:16px;height:16px;transform:translate(-50%);border:4px solid #fffaf5;border-radius:50%;background:#b95d3c;box-shadow:0 2px 8px #73412c3d}.route-current-label{grid-column:2;grid-row:2;display:grid;gap:2px;justify-self:center;max-width:170px;text-align:center}.route-current-label strong{color:var(--accent);font-size:13px}.route-current-label span{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.logistics-route-stops{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:8px}.route-stop{position:relative;display:grid;justify-items:center;gap:5px;min-width:0;padding-top:2px;color:#6d6258;text-align:center}.route-stop:before{content:"";position:absolute;top:11px;left:calc(-50% + 13px);right:calc(50% + 13px);height:2px;background:#e2d8ce}.route-stop:first-child:before{display:none}.route-stop span{position:relative;z-index:1;width:22px;height:22px;display:grid;place-items:center;border:2px solid #d59b7a;border-radius:50%;background:#fffaf5;color:#9d5c3f;font-size:11px;font-weight:800}.route-stop.current span{border-color:#9d301b;background:#9d301b;color:#fff}.route-stop strong{max-width:100%;overflow:hidden;color:#3c3833;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.logistics-route-info{display:grid;gap:9px;min-width:0}.logistics-route-status{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.logistics-route-status strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logistics-route-status span{color:var(--accent);font-weight:800;white-space:nowrap}.logistics-route-info p{display:grid;grid-template-columns:54px minmax(0,1fr);gap:8px;margin:0;line-height:1.5;font-size:13px}.logistics-route-info p span{color:var(--muted)}.logistics-history-toggle{display:block;width:100%;margin-top:12px;padding:8px 0;border:1px dashed #e0d5c9;border-radius:8px;color:#8a5a3e;background:#faf6f1;font-size:12px;font-weight:600;text-align:center;cursor:pointer}.logistics-history-toggle:hover{background:#f5ede4}.logistics-route-timeline{display:grid;gap:0;margin-top:12px;border-top:1px solid #f0ebe4}.logistics-route-timeline-item{display:grid;grid-template-columns:156px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #f0ebe4}.logistics-route-timeline-item span{color:var(--muted);font-size:12px;line-height:1.6}.logistics-route-timeline-item p{margin:0;color:#2f2b27;line-height:1.6;overflow-wrap:anywhere}.logistics-route-empty{margin:10px 0 0}.logistics-route-exception{display:flex;gap:9px;align-items:flex-start;margin-top:14px;padding:10px 12px;color:#9d301b;background:#fff0eb;border:1px solid #f5d3c8;border-radius:12px;line-height:1.5}.logistics-route-exception svg{flex:0 0 auto;margin-top:2px}.logistics-route-exception div{display:grid;gap:2px;min-width:0}.logistics-route-exception span{font-size:13px}.logistics-route-card.is-exception .route-line-active,.logistics-route-card.is-exception .route-current-dot{background:#d45f4a}@media(max-width:680px){.logistics-route-layout{grid-template-columns:1fr;gap:14px}.logistics-route-timeline-item{grid-template-columns:1fr;gap:3px}.overview-danger-alert{align-items:stretch;flex-direction:column}}@media(max-width:980px){.status-filter{align-items:flex-start}.status-filter-label{padding-top:9px}.shell{grid-template-columns:1fr;padding:0}.sidebar,main{border-radius:0;min-height:auto}.split,.log-order-layout,.metric-grid,.metric-trend-grid,.report-insight-grid{grid-template-columns:1fr}.report-product-issue-head,.report-issue-share-line{align-items:flex-start;flex-direction:column;gap:6px}.report-column-chart{grid-auto-columns:minmax(72px,1fr);gap:12px}.report-column{grid-template-rows:auto 160px auto}.report-column-track span{width:min(100%,40px)}.row,.table-head,.three-cols,.order-cols,.admin-cols,.log-cols,.two-cols,.rollback{grid-template-columns:1fr}.row mark{white-space:normal}.search{min-width:100%}.drawer{top:0;right:0;width:100%;height:100vh;border-radius:0}.progress-stepper{grid-template-columns:repeat(7,92px)}.log-summary{align-items:flex-start;flex-direction:column}}.form-panel{display:grid;gap:18px;padding:24px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #2820180a}.form-panel.is-plain{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;gap:16px}.form-panel-footer{display:flex;justify-content:flex-end}.form-panel label{display:grid;gap:7px;color:var(--ink);font-size:14px}.form-panel input:not([type=checkbox]){min-height:38px;padding:8px 10px;border:1px solid var(--field-border);border-radius:7px;background:var(--field);color:var(--ink);box-sizing:border-box}.form-panel input:not([type=checkbox]):focus{outline:2px solid rgba(29,107,99,.22);border-color:#1d6b63}.checkbox-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px!important}.checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:#1d6b63}.settings-stack{display:grid;gap:16px}.settings-card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px #2820180a}.settings-card-head{display:flex;align-items:center;gap:12px;padding:14px 20px}.settings-card-toggle{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:0;background:transparent;text-align:left}.settings-card-toggle:hover{background:transparent}.settings-card-title{font-size:17px;font-weight:800;color:var(--ink)}.settings-card-summary{margin-left:auto;flex:none;padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--muted-ink);font-size:12px;font-weight:700}.settings-card-chevron{flex:none;color:var(--muted);transition:transform .16s ease}.settings-card.is-open .settings-card-chevron,.settings-subblock.is-open .settings-card-chevron{transform:rotate(180deg)}.settings-card-head>button:not(.settings-card-toggle){flex:none;min-height:36px;padding:0 14px;border-radius:999px;background:var(--button);color:var(--ink);display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.settings-card-head>button:not(.settings-card-toggle):hover{background:var(--button-hover)}.settings-card-body{display:grid;gap:16px;padding:18px 20px 20px;border-top:1px solid var(--line)}.settings-note{margin:0;padding:9px 12px;border-radius:8px;background:var(--soft);color:var(--muted-ink);font-size:13px;line-height:1.6}.settings-field-hint{margin:-4px 0 0;font-size:12px}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.settings-grid .full-span{grid-column:1 / -1}.settings-subblock{border:1px solid var(--line);border-radius:10px;background:var(--soft-2)}.settings-subblock-head{width:100%;display:flex;align-items:center;gap:9px;padding:11px 14px;background:transparent;text-align:left}.settings-subblock-head:hover{background:var(--hover)}.settings-subblock-title{font-size:14px;font-weight:800;color:var(--ink)}.settings-subblock-summary{margin-left:auto;color:var(--muted-ink);font-size:12px;font-weight:700}.settings-subblock-body{padding:4px 14px 14px}.category-preview{display:grid;gap:10px}.category-preview-group{display:grid;gap:5px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--soft-2)}.category-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.category-preview-head strong{font-size:14px;color:var(--ink)}.category-preview-head span{color:var(--muted);font-size:12px;font-weight:700}.category-preview-items{margin:0;color:var(--muted-ink);font-size:13px;line-height:1.7;word-break:break-all}.category-editor-list{display:grid;gap:12px}.product-settings-group{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--soft-2)}.product-settings-group-head{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end}.product-settings-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-settings-item{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;align-items:center}.danger-text{color:#a3422c;background:transparent;border-color:#edd1c7}.ghost-inline{justify-self:start;display:inline-flex;align-items:center;gap:6px}.estimated-duration-settings{gap:14px}.estimated-duration-list{display:grid;gap:10px}.estimated-duration-row{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(110px,.8fr) minmax(110px,.8fr) 40px;gap:10px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--soft-2)}.estimated-duration-row label{display:grid;gap:6px;min-width:0;color:var(--muted-ink);font-size:13px;font-weight:700}.theme-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-settings button{min-height:82px;display:grid;gap:7px;align-content:center;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--soft-2);color:var(--ink);text-align:left;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}.theme-settings button:hover{transform:translateY(-1px);border-color:#c8725573;box-shadow:0 8px 20px #28201814}.theme-settings button.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--focus-ring)}.theme-settings strong{font-size:15px}.theme-settings span{color:var(--muted);font-size:13px;line-height:1.5}@media(max-width:980px){.settings-grid{grid-template-columns:1fr}.settings-card-head{align-items:flex-start;flex-wrap:wrap}.settings-card-summary{margin-left:0}.theme-settings,.product-settings-group-head,.product-settings-items,.estimated-duration-row{grid-template-columns:1fr}.estimated-duration-row .icon-btn{width:100%}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes mask-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.anim-in,.stagger-item{animation:fade-in-up .4s ease-out backwards}.modal-backdrop{animation:mask-in .4s ease-out backwards}.modal{animation:modal-in .4s ease-out backwards}.drawer{animation:fade-in-up .4s ease-out backwards}nav button,.logout,.status-filter-list button,.log-tabs button,.toolbar button,.primary,.actions button,.row button,.drawer-section button,.modal-actions button,.icon-btn,.copy-work-order-button,.file-upload-button,.row,.timeout-notice{transition:transform .12s ease,opacity .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease,border-color .12s ease}@media(prefers-reduced-motion:reduce){.anim-in,.stagger-item,.modal-backdrop,.modal,.drawer{animation:none}}.timeout-filters,.timeout-actions,.timeout-facts,.timeout-notice-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.timeout-filters{margin:18px 0}.timeout-filters label,.timeout-form-grid>label{display:grid;gap:6px;font-size:14px;min-width:0}.timeout-filters select,.timeout-form-grid select,.timeout-form-grid input:not([type=checkbox]),.timeout-form-grid textarea{width:100%;padding:9px 10px;border:1px solid #d4d7da;border-radius:6px;background:#fff;color:#272b30;font:inherit;min-width:0;box-sizing:border-box}.timeout-filters select{min-width:135px}.timeout-notice{position:relative;margin-top:14px;padding:22px 24px 20px;border:1px solid #e1d9ce;border-radius:14px;background:#fffdf9;box-shadow:0 10px 24px #221f1c0b;overflow:hidden;overflow-wrap:anywhere}.timeout-notice:first-of-type{margin-top:6px}.timeout-notice:has(.timeout-state.unread){border-color:#e5c8b6;background:#fff8f3;box-shadow:0 14px 30px #b2623a17}.timeout-notice:has(.timeout-state.unread):before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#c87255}.timeout-notice:hover{border-color:#d3c4b5;box-shadow:0 16px 34px #221f1c13;transform:translateY(-1px)}.timeout-notice-heading{justify-content:space-between}.timeout-notice-heading h3{font-size:17px;margin:0;display:flex;gap:8px;align-items:center}.timeout-notice-heading svg,.timeout-actions svg{flex-shrink:0}.timeout-facts{margin-top:12px;font-size:14px}.timeout-notice p{margin:10px 0;white-space:pre-wrap}.timeout-state{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#4f5960}.timeout-state.unread{color:#ab4517;font-weight:700}.timeout-state.read{color:#656d73}.timeout-dot{width:8px;height:8px;flex:none;border-radius:999px;background:#d93025}.timeout-actions{justify-content:flex-end;margin-top:12px}.page-heading-actions{margin-top:0}.timeout-actions time{margin-right:auto;color:#656d73;font-size:13px}.timeout-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px}.timeout-rule{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #e0e3e5;overflow-wrap:anywhere}.timeout-rule p{margin:6px 0;font-size:14px}.timeout-rule small{color:#626a70}.timeout-check{display:inline-flex!important;align-items:center;gap:7px;font-size:14px}.timeout-check input{width:16px;height:16px;flex-shrink:0}.timeout-dialog{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;padding:24px;border:1px solid #d4d7da;border-radius:8px;box-sizing:border-box;color:#272b30}.timeout-dialog::backdrop{background:#0006}.timeout-dialog h3{margin:0;font-size:20px}.timeout-dialog .timeout-actions button{padding:0 18px;border-radius:999px;font-weight:700;background:#efefed;color:var(--ink)}.timeout-dialog .timeout-actions button:hover{background:#e6e2dc}.timeout-dialog .timeout-actions button.primary{background:#050505;color:#fff}.timeout-dialog .timeout-actions button.primary:hover{background:#282521}.timeout-dialog .timeout-actions button.primary.danger{background:#a3422c}.timeout-dialog .timeout-actions button.primary.danger:hover{background:#8d3722}.timeout-confirm{width:min(440px,calc(100vw - 32px))}.timeout-confirm-head{display:flex;align-items:center;gap:12px}.timeout-confirm-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.timeout-confirm-icon.danger{background:#f6e3dc;color:#a3422c}.timeout-confirm-head h3{font-size:18px}.timeout-confirm-text{margin:14px 0 0;color:#4a4f55;font-size:14px;line-height:1.75}.timeout-confirm .timeout-actions{margin-top:22px;gap:10px}.timeout-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.timeout-full{grid-column:1 / -1}.timeout-form-grid fieldset{display:flex;flex-wrap:wrap;gap:14px;border:1px solid #d4d7da;padding:12px;border-radius:6px}@media(max-width:640px){.timeout-rule{flex-direction:column}.timeout-form-grid{grid-template-columns:minmax(0,1fr)}.timeout-filters label{flex:1}.timeout-actions time{width:100%}.timeout-dialog{padding:16px}}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background-color:#4a4238}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background-color:#62584b}:root[data-theme=dark] .notice{color:#ffd0bb}:root[data-theme=dark] .metric-clickable:hover,:root[data-theme=dark] .row:hover{box-shadow:0 18px 42px #00000057}:root[data-theme=dark] .overview-order-row,:root[data-theme=dark] .report-row,:root[data-theme=dark] .report-insight-card,:root[data-theme=dark] .report-product-issue-card,:root[data-theme=dark] .report-insight-block li,:root[data-theme=dark] .report-insight-loading,:root[data-theme=dark] .log-toolbar,:root[data-theme=dark] .log-summary,:root[data-theme=dark] .log-order-detail,:root[data-theme=dark] .log-card,:root[data-theme=dark] .timeout-dialog,:root[data-theme=dark] .snapshot-view section,:root[data-theme=dark] .node-card,:root[data-theme=dark] .attachment-card,:root[data-theme=dark] .drawer-section,:root[data-theme=dark] .current-node-box,:root[data-theme=dark] .stage-hint,:root[data-theme=dark] .timeline,:root[data-theme=dark] .record-card,:root[data-theme=dark] .log-attachment,:root[data-theme=dark] .timeout-notice,:root[data-theme=dark] .timeout-rule{background:var(--card);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .overview-order-row:hover,:root[data-theme=dark] .row.selected,:root[data-theme=dark] .node-card.current{background:var(--accent-soft);border-color:var(--accent)}:root[data-theme=dark] .timeout-notice{background:#1d1a16;border-color:#40382f;box-shadow:0 14px 30px #0000003d}:root[data-theme=dark] .timeout-notice:has(.timeout-state.unread){background:#241b16;border-color:#6a4938;box-shadow:0 16px 34px #00000052}:root[data-theme=dark] .timeout-notice:hover{border-color:#80604c}:root[data-theme=dark] .overview-detail-remark,:root[data-theme=dark] .report-insight-empty,:root[data-theme=dark] .log-note,:root[data-theme=dark] .file-list span,:root[data-theme=dark] .snapshot-attachments span,:root[data-theme=dark] .attachment-preview,:root[data-theme=dark] .log-attachment-preview,:root[data-theme=dark] .attachment-preview-btn.file-cover,:root[data-theme=dark] .attachment-placeholder{background:var(--soft);border-color:var(--line);color:var(--muted-ink)}:root[data-theme=dark] .report-row mark,:root[data-theme=dark] .file-mark{background:var(--accent-soft);color:var(--accent-ink)}:root[data-theme=dark] .log-tabs,:root[data-theme=dark] .timeout-filters,:root[data-theme=dark] .timeout-form-grid fieldset{background:var(--card);border-color:var(--line)}:root[data-theme=dark] .log-tabs button{color:var(--muted-ink)}:root[data-theme=dark] .log-tabs button.active{background:var(--ink);color:var(--bg)}:root[data-theme=dark] .toolbar button,:root[data-theme=dark] .report-collapse-button,:root[data-theme=dark] .drawer-section button:not(.attachment-preview-btn),:root[data-theme=dark] .modal-actions button,:root[data-theme=dark] .timeout-dialog .timeout-actions button,:root[data-theme=dark] .records-toggle,:root[data-theme=dark] .attachment-action-link,:root[data-theme=dark] .copy-work-order-button,:root[data-theme=dark] .logistics-history-toggle{background:var(--button);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .toolbar button:hover,:root[data-theme=dark] .report-collapse-button:hover,:root[data-theme=dark] .drawer-section button:not(.attachment-preview-btn):hover,:root[data-theme=dark] .modal-actions button:hover,:root[data-theme=dark] .timeout-dialog .timeout-actions button:hover,:root[data-theme=dark] .records-toggle:hover,:root[data-theme=dark] .attachment-action-link:hover,:root[data-theme=dark] .copy-work-order-button:hover,:root[data-theme=dark] .logistics-history-toggle:hover{background:var(--button-hover)}:root[data-theme=dark] .primary,:root[data-theme=dark] .timeout-dialog .timeout-actions button.primary,:root[data-theme=dark] .file-upload-button{background:var(--ink);color:var(--bg)}:root[data-theme=dark] .primary:hover,:root[data-theme=dark] .timeout-dialog .timeout-actions button.primary:hover{background:#ded3c4}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] .timeout-filters select,:root[data-theme=dark] .timeout-form-grid select,:root[data-theme=dark] .timeout-form-grid input:not([type=checkbox]),:root[data-theme=dark] .timeout-form-grid textarea,:root[data-theme=dark] .node-remark-field{background:var(--field);border-color:var(--field-border);color:var(--ink)}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#81786d}:root[data-theme=dark] .search input{background:transparent}:root[data-theme=dark] .log-card p,:root[data-theme=dark] .record-card strong,:root[data-theme=dark] .record-card p,:root[data-theme=dark] .node-facts p,:root[data-theme=dark] .attachment-meta strong,:root[data-theme=dark] .attachment-actions a,:root[data-theme=dark] .attachment-preview a,:root[data-theme=dark] .latest-trace,:root[data-theme=dark] .logistics-route-timeline-item p,:root[data-theme=dark] .timeout-dialog,:root[data-theme=dark] .timeout-confirm-text{color:var(--ink)}:root[data-theme=dark] .log-summary,:root[data-theme=dark] .timeout-state,:root[data-theme=dark] .timeout-state.read,:root[data-theme=dark] .timeout-actions time,:root[data-theme=dark] .timeout-rule small,:root[data-theme=dark] .file-upload-control span,:root[data-theme=dark] .copy-work-order-button,:root[data-theme=dark] .report-row span,:root[data-theme=dark] .report-insight-card p,:root[data-theme=dark] .report-product-issue-head span,:root[data-theme=dark] .report-issue-share-line strong,:root[data-theme=dark] .report-issue-share p,:root[data-theme=dark] .report-insight-block li,:root[data-theme=dark] .log-card>div:first-child span,:root[data-theme=dark] .log-meta span{color:var(--muted-ink)}:root[data-theme=dark] .timeout-state.unread{color:#ffb18f}:root[data-theme=dark] .overview-danger-alert,:root[data-theme=dark] .form-error,:root[data-theme=dark] .logistics-route-exception{background:#3a1f18;border-color:#6e3324;color:#ffb59b}:root[data-theme=dark] .result-panel{background:#1b2a1d;border-color:#36583b}:root[data-theme=dark] .result-panel strong{color:#93d79b}:root[data-theme=dark] .multiselect-panel,:root[data-theme=dark] .searchable-select-list,:root[data-theme=dark] .exception-menu{background:var(--card);border-color:var(--line);box-shadow:0 12px 30px #00000057}:root[data-theme=dark] .attachment-preview-btn.video-cover{background:linear-gradient(150deg,#2f281f,#514235)}.report-product-explorer{display:grid;gap:24px;align-items:start}.log-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:24px}.report-iteration-list{display:grid;gap:12px}.report-iteration-product{padding:16px;border:1px solid var(--line);border-radius:8px;min-width:0}.report-iteration-product p{margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.report-product-explorer.has-selection{grid-template-columns:minmax(0,1fr) minmax(360px,1fr)}.report-product-explorer .report-product-issue-card{cursor:pointer}.report-product-explorer .report-product-issue-card:is(:hover,:focus-visible,.is-selected){outline:2px solid var(--accent, #c57148);outline-offset:-2px}.report-source-panel{min-width:0;position:sticky;top:20px;padding-left:24px;border-left:1px solid var(--line)}.report-source-panel h4{margin:0;overflow-wrap:anywhere}.report-source-list{max-height:75vh;overflow-y:auto;padding-right:8px}.report-source-order{padding:20px 0;border-top:1px solid var(--line)}.report-source-order header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.report-source-order dt{font-weight:600;margin-top:16px}.report-source-order dd{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}@media(max-width:900px){.report-product-explorer.has-selection{grid-template-columns:minmax(0,1fr)}.report-source-panel{position:static;padding-left:0;border-left:0}}