:root{--ink: #172033;--muted: #64748b;--line: #d9e2ee;--soft: #f4f7fb;--panel: #ffffff;--warehouse: #1f6feb;--repair: #f59e0b;--quality: #16a34a;--outbound: #dc2626;--screen: #0891b2;--part: #7c3aed;--shadow: 0 18px 45px rgba(21, 32, 51, .08)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:linear-gradient(90deg,rgba(31,111,235,.05) 0 1px,transparent 1px 100%),linear-gradient(0deg,rgba(31,111,235,.04) 0 1px,transparent 1px 100%),#eef3f8;background-size:28px 28px}button,input,textarea,select{letter-spacing:0}.admin-layout{min-height:100dvh;background:transparent}.admin-sider{position:sticky;top:0;height:100dvh;overflow:auto;border-right:1px solid rgba(217,226,238,.12);box-shadow:12px 0 38px #1720332e}.admin-sider .ant-layout-sider-children{display:flex;flex-direction:column;min-height:100dvh}.brand-block{display:flex;align-items:center;gap:12px;padding:20px 18px 18px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#1f6feb,#0891b2);box-shadow:0 14px 28px #1f6feb42;font-size:20px;font-weight:800}.brand-title{color:#fff;font-weight:750;line-height:1.2}.brand-subtitle{margin-top:3px;color:#93a4b7;font-size:12px}.side-section-title{padding:0 18px 8px;color:#7f91a8;font-size:12px}.side-menu{display:grid;gap:6px;padding:0 12px}.side-menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;border:0;border-radius:8px;padding:10px 12px;color:#cbd5e1;background:transparent;cursor:pointer;text-align:left;transition:background .18s ease,color .18s ease,transform .18s ease}.side-menu-item:hover{color:#fff;background:#ffffff12}.side-menu-item:active{transform:translateY(1px)}.side-menu-item.active{color:#fff;background:color-mix(in srgb,var(--module-accent),transparent 72%);box-shadow:inset 3px 0 0 var(--module-accent)}.side-icon{display:grid;place-items:center;width:22px;height:22px;color:#fff;font-size:16px}.side-icon-white{color:#fff}.side-account{display:grid;gap:12px;margin:auto 12px 20px;border:1px solid rgba(203,213,225,.14);border-radius:8px;padding:12px;color:#a9b8ca;background:#ffffff0a;font-size:12px}.side-account-user{display:flex;align-items:center;gap:10px}.side-account-avatar{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:8px;color:#fff;background:#1f6feb3d}.side-account-text{min-width:0}.side-account-name{overflow:hidden;color:#fff;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.side-account-role{overflow:hidden;margin-top:2px;color:#93a4b7;text-overflow:ellipsis;white-space:nowrap}.side-account .ant-btn{color:#dbeafe;border-color:#93a4b752;background:#ffffff0f}.side-account .ant-btn:hover{color:#fff!important;border-color:#1f6febb8!important;background:#1f6feb2e!important}.admin-content{padding:20px}.page-stack{width:100%}.work-card,.metric-card{border:1px solid rgba(217,226,238,.86);box-shadow:var(--shadow)}.role-permission-tags{display:flex;flex-wrap:wrap;gap:6px;max-width:100%}.role-permission-tags .ant-tag{margin:0;max-width:100%;overflow-wrap:anywhere}.staff-module-preview .ant-tag,.staff-module-modal-tags .ant-tag{margin:0}.staff-module-preview .module-more-btn{height:24px;padding:0 4px}.staff-module-modal-tags{display:flex;flex-wrap:wrap;gap:8px}.metric-card{overflow:hidden;min-height:132px}.metric-card:before{content:"";display:block;width:42px;height:4px;border-radius:999px;margin-bottom:12px;background:var(--metric-color)}.metric-card.tone-blue{--metric-color: var(--warehouse)}.metric-card.tone-orange{--metric-color: var(--repair)}.metric-card.tone-green{--metric-color: var(--quality)}.metric-card.tone-red{--metric-color: var(--outbound)}.metric-hint{display:block;margin-top:4px;color:var(--muted);font-size:13px}.table-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;padding:12px;border:1px solid rgba(15,23,42,.06);border-radius:12px;background:#f8fafc}.toolbar-actions{display:flex;flex:0 0 auto;gap:8px}.toolbar-actions .ant-btn{min-width:112px}.toolbar-filters{display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}.toolbar-filters .ant-input-affix-wrapper,.toolbar-filters>.ant-input{flex:1 1 240px;max-width:340px;min-width:220px}.toolbar-filters .ant-select{flex:0 1 138px;min-width:128px}.toolbar-filters .ant-picker{flex:1 1 230px;max-width:280px;min-width:220px}.toolbar-filters .ant-btn{flex:0 0 108px}.toolbar-query-button{border-color:#cbd5e1;background:#fff;color:#0f172a;box-shadow:none}.toolbar-query-button:hover{border-color:#1f6feb!important;color:#1f6feb!important}.status-tag{margin-inline-end:0;border-radius:999px;padding:1px 9px}.flow-card .ant-timeline{margin-top:8px}.flow-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.flow-text{margin-top:3px;color:var(--muted);font-size:13px;line-height:1.5}.drawer-actions{display:flex;justify-content:flex-end;width:100%;padding-top:8px}.ant-card-head{min-height:52px!important}.ant-table-wrapper .ant-table{border-radius:8px}.ant-btn{font-weight:560}.ant-btn-primary{box-shadow:0 10px 20px #1f6feb2e}@media (max-width: 1180px){.admin-layout{display:block}.admin-sider{position:relative;width:100%!important;max-width:none!important;height:auto}.side-menu{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:16px}.admin-sider .ant-layout-sider-children{min-height:auto}.side-account{margin:0 12px 16px}}@media (max-width: 860px){.admin-content{padding:14px}.table-toolbar{flex-direction:column;align-items:stretch}.toolbar-actions,.toolbar-filters{justify-content:flex-start;width:100%}.toolbar-actions .ant-btn,.toolbar-filters .ant-input-affix-wrapper,.toolbar-filters>.ant-input,.toolbar-filters .ant-select,.toolbar-filters .ant-picker,.toolbar-filters .ant-btn{flex:1 1 100%;max-width:none;width:100%}.side-menu{grid-template-columns:1fr}}