:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;font-size:14px;font-synthesis:none;color:#26354d;background:#f4f6fa;--primary: #416be5;--primary-soft: #eef2fd;--muted: #8692a5;--line: #e9edf4;--surface: #fff;--page: #f4f6fa;--ink: #26354d;--danger: #d94949;--success: #218b67;--warning: #976421;--control-height: 40px;--surface-radius: 18px;--sidebar-width: 264px;--sidebar-text: #c8d5e9;--sidebar-muted: #95a9c8;--sidebar-line: rgba(255, 255, 255, .08);--sidebar-accent: #7198ff;--sidebar-accent-cyan: #45c6b8;--sidebar-background: linear-gradient(165deg, #1a2c4a 0%, #14233d 46%, #101b30 100%);--sidebar-active-background: linear-gradient(100deg, rgba(77, 111, 222, .8), rgba(58, 104, 198, .62) 65%, rgba(45, 177, 166, .32));--brand-background: linear-gradient(145deg, #668cff 4%, #4a71e9 48%, #3db9ad 112%);--el-color-primary: #416be5;--el-color-primary-light-3: #7895ed;--el-color-primary-light-5: #a0b5f2;--el-color-primary-light-7: #c6d3f8;--el-color-primary-light-8: #d9e2fb;--el-color-primary-light-9: #eef2fd;--el-color-primary-dark-2: #3357c5;--el-border-radius-base: 10px;--el-border-color: #e1e6ef;--el-fill-color-light: #f5f7fb;--el-text-color-primary: #26354d;--el-text-color-regular: #596b83;--el-font-size-base: 14px}.login-page{--login-blue: #2b65d9;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:40px 36px;background:radial-gradient(ellipse at 12% 12%,#a9c6ef99 0,transparent 52%),radial-gradient(ellipse at 88% 84%,#afd9d699 0,transparent 48%),linear-gradient(135deg,#d7e2f2,#e9eef6 55%,#dbe9ed)}.login-shell{display:grid;grid-template-columns:1fr 1.05fr;width:min(1080px,100%);min-height:632px;overflow:hidden;border:1px solid #ffffffc9;border-radius:26px;background:#fff;box-shadow:0 32px 90px #294b7626,0 8px 24px #294b7612}.login-visual{position:relative;min-width:0;overflow:hidden;background:#172a32}.login-promo-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.login-card{display:grid;align-items:center;min-width:0;padding:48px 60px;background:radial-gradient(ellipse at 100% 0,#e6efffcc,transparent 65%),linear-gradient(160deg,#fbfcff,#f0f5fc)}.login-card-content{width:100%;max-width:380px;margin:auto}.login-card h1{margin:0 0 34px;color:#1b2d46;font-size:28px;font-weight:650;letter-spacing:.01em;line-height:1.4;text-align:center}.login-card .el-form-item{margin-bottom:23px}.login-card .el-form-item__label,.login-field-label{height:auto;padding-bottom:9px;color:#3f4e63;font-size:13px;font-weight:500;line-height:20px}.login-card .el-input__wrapper{height:52px;min-height:52px;padding-inline:15px;border-radius:9px;background:#f9fafc;box-shadow:0 0 0 1px #e5e9f0 inset;transition:box-shadow .16s,background .16s}.login-card .el-input__wrapper:hover{box-shadow:0 0 0 1px #b5c5df inset}.login-card .el-input__wrapper.is-focus{background:#fff;box-shadow:0 0 0 1px var(--login-blue) inset,0 0 0 3px #2b65d90b}.login-card .el-input__prefix{margin-right:4px;color:#8f9eb0;font-size:17px}.login-card .el-input__inner{font-size:14px}.login-card .el-input__inner::placeholder,.login-input::placeholder{color:#a4afbd;font-size:13px}.login-field{display:block;margin-bottom:23px}.login-field-label{display:block}.login-control{display:flex;align-items:center;gap:9px;min-height:52px;padding-inline:15px;border:1px solid #e5e9f0;border-radius:9px;background:#f9fafc;color:#8f9eb0;transition:border-color .16s,background .16s,box-shadow .16s}.login-control:hover{border-color:#b5c5df}.login-control:focus-within{border-color:var(--login-blue);background:#fff;box-shadow:0 0 0 3px #2b65d90b}.login-control>svg{width:17px;height:17px;flex:0 0 17px}.login-input{width:100%;min-width:0;height:50px;padding:0;border:0;border-radius:0;outline:none;color:#26354d;background:transparent;font-size:14px}.login-input:focus{border:0;outline:none}.login-control .login-input,.login-control .login-input:hover:enabled,.login-control .login-input:focus{min-height:0;border:0;box-shadow:none;background:transparent}.login-input:disabled{cursor:not-allowed}.password-toggle{display:grid;place-items:center;flex:0 0 24px;min-height:24px;padding:0;border:0;background:transparent;color:#8f9eb0}.password-toggle svg{width:17px;height:17px}.password-toggle:hover:enabled{color:var(--login-blue)}.login-button{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:52px;margin-top:7px;padding:0 18px;border:0;border-radius:9px;color:#fff;background:#2b65d9;box-shadow:0 6px 16px #2b65d91c;font-size:15px;font-weight:500;transition:background .16s,box-shadow .16s}.login-button:hover:not(:disabled):not(.is-disabled){color:#fff;background:#2056c1;box-shadow:0 8px 22px #2b65d92b}.login-button:focus-visible{outline:3px solid #93b3f4;outline-offset:3px}.login-button>span{display:flex;justify-content:center;align-items:center;gap:18px}.login-button>svg{width:17px;height:17px}.login-button:disabled,.login-button.is-disabled{color:#fff;background:#6e95e5;opacity:1}.login-error{display:flex;align-items:flex-start;gap:8px;margin:-4px 0 18px;padding:11px 12px;border:1px solid #f2d8d8;border-radius:8px;color:#a94343;background:#fdf6f5;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.login-error .el-icon,.login-error>svg{flex:0 0 15px;width:15px;height:15px;margin-top:3px}.login-error-diagnostic{display:block;margin-top:4px;color:#9a6a6a;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.caps-lock-hint{margin:-13px 0 17px;color:#976421;font-size:12px}.login-help{margin:21px 0 0;text-align:center;color:#8b96a7;font-size:12px;line-height:1.6}.captcha-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:12px}.captcha-image{height:52px;padding:0;overflow:hidden;border:1px solid #e1e6ef;border-radius:9px;background:#f9fafc;color:var(--muted);cursor:pointer}.captcha-image:hover:not(:disabled){border-color:var(--login-blue)}.captcha-image:focus-visible,.password-toggle:focus-visible{outline:2px solid #93b3f4;outline-offset:3px}.captcha-image:disabled{cursor:wait;opacity:.72}.captcha-image img{width:100%;height:100%;display:block;object-fit:contain}.captcha-image span{height:100%;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px}.captcha-image svg{width:14px;height:14px}.rotating{animation:captcha-rotate 1s linear infinite}@keyframes captcha-rotate{to{transform:rotate(360deg)}}@media(max-width:1020px){.login-page{padding-inline:24px}.login-card{padding-inline:36px}}@media(max-width:760px){.login-page{padding:24px 18px}.login-shell{grid-template-columns:1fr;width:min(460px,100%);min-height:auto;border-radius:22px}.login-visual{height:200px}.login-promo-image{object-position:center 46%}.login-card{padding:34px 28px 26px}.login-card h1{margin-bottom:30px;font-size:25px}}@media(max-width:380px){.login-page{padding-inline:12px}.login-card{padding-inline:22px}.login-card h1{font-size:23px}.captcha-row{grid-template-columns:minmax(0,1fr) 116px;gap:9px}}@media(prefers-reduced-motion:reduce){.login-button,.login-control,.login-card .el-input__wrapper{transition:none}.rotating{animation:none}}:root{--radius: 18px}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:38px;padding:8px 18px;border:1px solid #e1e6ef;border-radius:10px;background:#fff;color:#596b83;white-space:nowrap;font-weight:500;transition:border-color .18s,color .18s,background .18s}button:hover:enabled{border-color:#bbc9df;color:var(--primary);background:#f8faff}button:focus-visible{outline:2px solid #90b2ff;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.48}button.primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 3px 8px #416be519}button.primary:hover:enabled{color:#fff;background:#3357c5;border-color:#3357c5}button.secondary{color:var(--primary);background:var(--primary-soft);border-color:#d9e2fb}button.quiet{border-color:transparent;background:transparent}button.link{min-height:auto;color:var(--primary);border:0;background:none;padding:4px 8px}a{color:var(--primary);text-decoration:none}input,select,textarea{min-height:var(--control-height);border:1px solid #e1e7f0;border-radius:10px;padding:9px 11px;background:#fcfdff;color:#26354d;min-width:0;max-width:100%;transition:border-color .18s,box-shadow .18s}input:hover:enabled,select:hover:enabled,textarea:hover:enabled{border-color:#bbc9df}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #416be50c;border-color:#688aec;background:#fff}input:disabled,select:disabled,textarea:disabled{background:#f4f6fa;border-color:var(--line);cursor:not-allowed}input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px;min-height:16px}h1,h2,h3,p{margin:0}h2{font-size:18px;font-weight:650}small{color:var(--muted)}.shell{display:flex;min-height:100vh;background:var(--page)}.shell>aside{position:sticky;top:0;width:var(--sidebar-width);height:100vh;flex:0 0 var(--sidebar-width);display:flex;flex-direction:column;isolation:isolate;overflow:hidden;padding:18px 14px 20px;color:var(--sidebar-text);border-right:1px solid rgba(157,177,218,.1);background:var(--sidebar-background);box-shadow:10px 0 42px #121f3514}.sidebar:before,.sidebar:after{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;content:""}.sidebar:before{top:-118px;left:-86px;width:260px;height:260px;background:radial-gradient(circle,rgba(79,116,232,.24),transparent 68%)}.sidebar:after{right:-105px;bottom:7%;width:230px;height:230px;background:radial-gradient(circle,rgba(42,191,177,.13),transparent 70%)}.brand{height:76px;display:flex;align-items:center;gap:12px;margin:0 7px 8px;padding:4px 5px 18px;flex:0 0 auto;color:#fff;white-space:nowrap;border-bottom:1px solid var(--sidebar-line)}.brand-symbol{position:relative;width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;overflow:hidden;border:1px solid rgba(255,255,255,.26);border-radius:13px;color:#fff;background:var(--brand-background);box-shadow:0 9px 24px #2a53be57,inset 0 1px #ffffff47;font-size:17px;font-weight:750}.brand-symbol:after{position:absolute;top:-14px;right:-14px;width:29px;height:29px;border-radius:50%;background:#ffffff38;content:""}.brand-copy{min-width:0;display:grid;gap:2px}.brand-copy strong{color:#fff;font-size:17px;font-weight:700;letter-spacing:.06em;line-height:1.3}.brand-copy small{color:#91a8cb;font-size:11px;font-weight:500;letter-spacing:.18em;line-height:1.3}.shell nav{flex:1;overflow-x:hidden;overflow-y:auto;display:grid;align-content:start;gap:6px;min-height:0;padding:8px 2px 4px 0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(137,159,201,.28) transparent}.shell nav a{position:relative;width:100%;min-height:50px;display:flex;align-items:center;gap:12px;padding:9px 11px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--sidebar-text);text-align:left;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}.shell nav a:hover{color:#f8fbff;border-color:#ffffff0e;background:#ffffff0f}.shell nav a:focus-visible{outline:2px solid #90b2ff;outline-offset:1px}.shell nav a.router-link-exact-active{color:#fff;border-color:#87a8ff40;background:var(--sidebar-active-background);box-shadow:0 8px 22px #07112638,inset 0 1px #ffffff1f}.shell nav a.router-link-exact-active:before{position:absolute;left:-1px;width:3px;height:22px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#a8c1ff,#6ce1d5);box-shadow:0 0 12px #6897ff8c;content:""}.menu-label{min-width:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.router-link-exact-active .menu-label{font-weight:650}.nav-icon{--icon-color: #7198ff;width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:9px;color:color-mix(in srgb,var(--icon-color) 72%,#fff);background:linear-gradient(145deg,color-mix(in srgb,var(--icon-color) 18%,#1a2a47),color-mix(in srgb,var(--icon-color) 28%,#14223b));box-shadow:inset 0 0 0 1px #ffffff1a,0 6px 15px #050e1f21}.nav-icon>svg{width:18px;height:18px}.nav-icon-customer,.nav-icon-aftersale{--icon-color: #45c6b8}.nav-icon-warehouse,.nav-icon-dispatch{--icon-color: #92a5e7}.nav-icon-finance{--icon-color: #8e9de0}.workspace{min-width:0;flex:1}.workspace>header{position:sticky;top:0;z-index:8;min-height:72px;padding:12px 30px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);background:#fffffff0;backdrop-filter:blur(10px)}.workspace>header h1{font-size:16px;font-weight:650;line-height:1.4}.header-actions{display:flex;align-items:center;gap:18px;min-width:0}.header-actions select{width:240px;min-width:0;max-width:260px;font-size:13px}.operator-name{color:#526173;font-size:13px;white-space:nowrap}.workspace-error{margin:18px 28px 0}.page{padding:26px 28px;max-width:1900px;margin:0 auto}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 15px #24365003}.toolbar{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:18px 20px}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filters input{width:210px}.filters input+input{width:130px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-weight:500;color:#8692a6;background:#f8fafd;padding:13px 18px;white-space:nowrap;font-size:12px}td{font-size:13px;color:#53647d;padding:13px 18px;border-bottom:1px solid #f0f3f8;max-width:300px;overflow-wrap:anywhere;line-height:1.65}tbody tr:hover{background:#fafcff}.operation{min-width:125px;max-width:370px}.operation .link{font-size:13px}.status-tag{display:inline-flex;padding:3px 9px;background:var(--primary-soft);color:#5074b5;border-radius:5px;font-size:12px;font-weight:500}.empty-cell{text-align:center;padding:64px 20px;color:#98a3b7}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:#8993a6;gap:16px}.pagination>div{display:flex;align-items:center;gap:10px}.alert{padding:12px 18px;border-radius:8px;margin-bottom:16px}.error{color:var(--danger);background:#fff3f1;line-height:1.6}.success{color:#218b67;background:#ecf8f2}.recovery{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#fff6e7;color:#956b25;border:1px solid #f1e0c2;border-radius:10px;padding:15px 20px;margin-bottom:18px}.recovery span{display:block;font-size:12px;margin-top:5px}.overlay{position:fixed;inset:0;background:#0f1d354f;backdrop-filter:blur(3px);z-index:100;display:flex;justify-content:center;align-items:center;padding:20px}.modal{width:min(800px,95vw);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:26px 28px;box-shadow:0 16px 80px #172b4c44}.modal>header,.drawer>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal>header button,.drawer>header button{font-size:23px;border:0;padding:3px 12px;color:#8893a8}.modal>footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 24px}.form-grid>label{display:flex;flex-direction:column;gap:8px}.form-grid .wide{grid-column:1/-1}.form-grid>label>span{color:#65718a;font-size:13px}.form-grid i{color:var(--danger);font-style:normal;margin-left:5px}.form-grid small{font-size:11px;line-height:1.5}.form-grid select,.form-grid input:not([type=checkbox]),.form-grid textarea{width:100%}.form-notice{background:#f2f6fe;color:#6380af;border-radius:6px;padding:12px 14px;font-size:12px;margin-bottom:18px;line-height:1.6}.line-editor{padding:12px;background:#f8fafe;border-radius:8px}.line-editor-row{display:flex;gap:10px;align-items:end;margin-bottom:12px}.line-editor-row label{flex:1;min-width:0;font-size:12px;color:#7d8aa1}.line-editor-row label span{display:block;margin-bottom:5px}.check-list{max-height:210px;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px}.check-list label{display:flex;align-items:center;gap:8px}.drawer{position:absolute;right:0;top:0;bottom:0;background:#fff;width:min(720px,95vw);padding:25px;overflow:auto;box-shadow:-10px 0 60px #172b4c22}.detail-grid{display:grid;grid-template-columns:130px minmax(0,1fr);margin:0;font-size:13px}.detail-grid dt,.detail-grid dd{margin:0;padding:11px 5px;border-bottom:1px solid #f0f3f8;line-height:1.7;overflow-wrap:anywhere}.detail-grid dt{color:#8893a6}.detail-grid dd{color:#30445f}.detail-records{display:grid;gap:12px}.detail-records>.detail-grid{background:#f7f9fd;border-radius:8px;padding:10px;grid-template-columns:95px 1fr;font-size:12px}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.welcome p{color:#91a0b5;font-size:13px;margin-top:8px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.stat{padding:22px}.stat>span{color:#8a97ab;font-size:13px}.stat>strong{display:block;font-size:28px;letter-spacing:-1px;color:#2d4e7b;font-weight:600;margin-top:12px}.dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:23px}.section-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.section-header h2{font-size:16px}.section-header a{font-size:12px}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;border-bottom:1px solid #f1f4f8;color:#354965}.summary-row small{display:block;margin-top:7px}.summary-row strong{font-weight:500;font-size:13px}.empty{padding:55px 25px;text-align:center;color:#8998b0}.empty p{margin-top:15px}.status-tag{background:var(--primary-soft);color:#5972b4;border-radius:6px;font-size:12px;font-weight:500}.modal>header h2,.drawer>header h2{color:#243651;font-size:19px;font-weight:650}.modal>header button,.drawer>header button{width:32px;min-height:32px;height:32px;padding:0;border-radius:10px;color:var(--muted);background:#f4f6fa}.form-grid{gap:22px}.form-grid>label>span{color:#576780;font-size:13px;font-weight:500;line-height:20px}.form-grid textarea{min-height:80px;line-height:1.7}tbody tr:hover{background:#f7f9fe}@media(max-width:1120px){.dashboard-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap;gap:12px}.header-actions{gap:12px}.header-actions select{width:200px}}@media(max-width:860px){.shell>aside{width:84px;flex-basis:84px;padding:14px 9px 18px}.brand{height:68px;justify-content:center;margin-inline:4px;padding:2px 0 16px}.brand-copy,.menu-label{display:none}.shell nav a{justify-content:center;min-height:44px;padding-inline:4px}.shell nav a.router-link-exact-active:before{display:none}.page{padding:14px}.workspace>header{padding-inline:16px}.operator-name{display:none}.workspace-error{margin-inline:14px}}@media(max-width:680px){.workspace>header{flex-wrap:wrap;gap:10px}.header-actions{width:100%;justify-content:space-between}.header-actions select{width:min(220px,calc(100% - 64px))}.pagination,.toolbar{flex-direction:column;align-items:stretch}.pagination>div{flex-wrap:wrap}.filters>*{max-width:100%}.filters input{flex:1;width:100%}.stat-grid,.form-grid{grid-template-columns:1fr}.modal{padding:20px;max-height:calc(100dvh - 32px)}.overlay{padding:16px 12px}.drawer{padding:20px}.detail-grid{grid-template-columns:100px minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.image-upload{display:grid;align-items:start;justify-items:start;gap:10px}.image-upload img{width:90px;height:90px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.attachment-state{font-size:12px;color:#8494ae}.image-picker{position:relative;overflow:hidden;color:var(--primary);border:1px solid #d9e5fb;background:#f5f8ff;border-radius:7px;padding:8px 12px;cursor:pointer;font-size:12px}.image-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.image-upload .error{padding:7px 10px;font-size:12px}.return-editor-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px}.return-editor-row>button{justify-self:start}.filters>label{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}@media(max-width:720px){.return-editor-row{grid-template-columns:1fr 1fr}}.recovery-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.navigation-group{min-width:0}.server-navigation-tree{display:grid;gap:6px}.navigation-error{display:flex;align-items:center;gap:4px;padding:12px;color:#f5b8b8;font-size:12px}.navigation-error .link{color:#c6d3f8}.catalog-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.catalog-shortcut{position:relative;display:grid;gap:12px;padding:24px;color:#344663}.catalog-shortcut:hover{border-color:#c6d3f8;box-shadow:0 8px 22px #416be50a}.catalog-shortcut strong{font-size:16px;font-weight:650}.catalog-shortcut small{font-size:12px;line-height:1.6}.shortcut-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--primary);background:var(--primary-soft)}.shortcut-icon svg{width:22px;height:22px}.shortcut-arrow{position:absolute;right:22px;top:34px;color:#8692a5;font-size:19px}.navigation-group-button{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:9px 11px;border:1px solid transparent;border-radius:13px;color:#dce6f5;background:transparent;text-align:left}.navigation-group-button:hover:enabled,.navigation-group-button[aria-expanded=true]{color:#fff;border-color:#7e9fef1c;background:linear-gradient(90deg,#5b7ee024,#3dc1b20b)}.navigation-group-button .menu-label{flex:1;font-weight:600}.group-chevron{color:#95a9c8;font-size:19px}.navigation-children{margin:4px 3px 10px 20px;padding:3px 0 3px 14px;border-left:1px solid rgba(142,164,205,.18)}.shell nav .navigation-children a{min-height:41px;padding:7px 10px;gap:10px;border-radius:10px;color:var(--sidebar-muted)}.navigation-children .menu-label{font-size:13px}.navigation-children .nav-icon{width:24px;height:24px;flex-basis:24px;border-radius:7px}.navigation-children .nav-icon svg{width:15px;height:15px}.master-modal{display:flex;flex-direction:column;width:min(960px,95vw);max-height:calc(100dvh - 48px);padding:0;overflow:hidden}.master-modal--compact{width:min(760px,95vw)}.master-modal>header{flex:0 0 auto;margin:0;padding:23px 28px 21px;border-bottom:1px solid var(--line);background:#fff}.master-modal>footer{flex:0 0 auto;margin:0;padding:17px 28px;border-top:1px solid var(--line);background:#fbfcfe}.master-modal>footer>button{min-width:88px}.master-modal-body{flex:1 1 auto;min-height:0;padding:24px 28px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d7dfea transparent}.shell .master-modal>.form-tabs{flex:0 0 auto;margin:0;padding:14px 28px}.shell .master-modal .form-tabs>button[aria-selected=true]{color:var(--primary);background:var(--primary-soft);border-color:transparent}.shell .master-modal .form-tabs>button[aria-selected=false]{color:#8692a5;background:transparent;border-color:transparent}.supplier-management>.card,.product-management>.card,.user-management>.card,.category-workspace>.card{min-width:0;overflow:hidden}.supplier-management .table-wrap table{min-width:1060px}.product-management .table-wrap table{min-width:880px}.category-management .table-wrap table{min-width:820px}.resource.category-management .table-wrap td:last-child,.resource.supplier-management .table-wrap td:last-child,.resource.product-management .table-wrap td:last-child{white-space:normal;min-width:130px;width:160px}.resource.category-management .table-wrap td:nth-child(5){white-space:normal;min-width:140px;max-width:175px;overflow-wrap:anywhere}.user-management .table-wrap table{min-width:640px}.resource .table-wrap td{white-space:nowrap}.shell .form-tabs{display:flex;flex:none;align-items:center;gap:6px;padding:0 0 18px;margin-bottom:22px;overflow:visible;border-bottom:1px solid var(--line)}.form-tabs button{min-height:36px;border-color:transparent;background:transparent;color:#8692a5;font-size:13px;padding:8px 15px}.form-tabs button.active{color:var(--primary);background:var(--primary-soft)}.menu-permission-tree{display:grid;gap:5px;min-width:0}.menu-permission-tree .menu-permission-tree{margin:5px 0 10px 19px;padding-left:12px;border-left:1px solid #e5ebf5}.tree-check{display:flex;align-items:center;gap:10px;min-height:35px;padding:7px 10px;border-radius:8px;color:#62748e;font-size:13px;line-height:1.5;cursor:pointer}.tree-check small{margin-left:auto;font-size:11px}.tree-check:hover{background:#f5f8fd}.tree-check:has(input:checked){background:#eef3fd;color:#4265a5}.tree-check:has(input:focus-visible){outline:2px solid #8ba9ed;outline-offset:-2px}.tree-check input{margin:0;flex:0 0 16px}.permission-panel{min-height:260px}.permission-template{display:flex;align-items:end;gap:12px;margin-bottom:16px}.permission-template label{display:grid;gap:7px;font-size:13px;color:#576780}.permission-template select{width:260px;max-width:100%}.catalog-attachments{display:grid;gap:10px;justify-items:start}.attachment-item{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:12px;background:#fbfcfe}.attachment-recovery{display:flex;gap:8px;flex-wrap:wrap}.category-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.category-tree-panel{overflow:hidden;padding:18px}.category-tree-panel>header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.category-tree-panel h2{font-size:15px}.category-tree{list-style:none;padding:0;margin:0;display:grid;gap:6px}.category-tree .category-tree{margin:5px 0 10px 12px;padding-left:10px;border-left:1px solid var(--line)}.category-tree button{display:flex;gap:8px;align-items:center;width:100%;border:0;padding:8px;color:#596b83;background:transparent;text-align:left}.category-tree button.active{color:var(--primary);background:var(--primary-soft)}.category-tree img{width:24px;height:24px;object-fit:cover;border-radius:6px}.category-tree small{margin-left:auto;font-size:10px}.category-selection{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);display:grid;gap:8px;font-size:12px}.catalog-thumbnail{width:44px;height:44px;display:block;border-radius:8px;object-fit:cover}.form-section-heading{display:flex;gap:10px;align-items:center;margin:0 0 20px;color:#344663;font-size:14px;font-weight:650}.form-section-heading:before{content:"";width:4px;height:15px;border-radius:3px;background:#7893df}.sku-section{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.detail-heading h3{color:#344663;font-size:14px;font-weight:650}.sku-editor{margin-bottom:16px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fbfcfe}.sku-editor>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;color:#576780;font-size:13px}@media(max-width:1100px){.category-workspace{grid-template-columns:220px minmax(0,1fr)}.catalog-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.navigation-group-button{justify-content:center;padding-inline:4px}.group-chevron{display:none}.navigation-children{margin:5px 0 10px;padding:4px;border:1px solid rgba(142,164,205,.12);border-radius:12px}.shell nav .navigation-children a{justify-content:center;padding-inline:4px}.category-workspace{grid-template-columns:minmax(0,1fr)}}@media(max-width:680px){.master-modal{width:95vw;max-height:calc(100dvh - 32px);padding:0}.master-modal>header{padding:18px 20px}.master-modal>footer{padding:14px 18px}.master-modal-body{padding:20px 18px}.shell .master-modal>.form-tabs{padding:10px 18px}.permission-template{flex-wrap:wrap}.permission-template select{width:min(260px,100%)}.tree-check{padding-inline:6px}.shell .form-tabs{gap:0}.form-tabs button{padding-inline:10px}.catalog-shortcuts{grid-template-columns:minmax(0,1fr)}}.shell{font-size:16px}.shell :is(button,input,select,textarea){font-size:14px}.shell .form-tabs>button{font-size:13px}.workspace>header{min-height:72px;padding:0 30px}.workspace>header h1{font-weight:700}.header-actions select{width:260px;font-size:14px}.operator-name{font-size:16px}.card{box-shadow:0 4px 20px #20345304}.toolbar{gap:12px;padding:20px}.filters{gap:12px}.filters>input,.filters>input+input,.filters>select{width:260px;max-width:100%}.pagination,.check-list,.recovery{font-size:13px}.empty{font-size:14px;line-height:1.7}.muted{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.75}.form-notice{margin-top:16px}th{height:48px}.catalog-shortcut{gap:14px;transition:border-color .18s,box-shadow .18s}.catalog-shortcut strong{font-weight:650}.catalog-shortcut .shortcut-arrow{display:grid;place-items:center;width:20px;height:20px}.catalog-shortcut .shortcut-arrow svg{width:16px;height:16px}.shell nav{gap:7px}.shell nav :is(a,.navigation-group-button){position:relative;isolation:isolate;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.shell nav :is(a,.navigation-group-button):hover{transform:translate(1px)}.navigation-group-button .menu-label{color:#dce6f5;letter-spacing:.01em}.navigation-group-button.directory-current .menu-label{color:#fff}.navigation-group-button.directory-current,.navigation-group-button.is-expanded{border-color:#7e9fef1c;background:linear-gradient(90deg,#5b7ee024,#3dc1b20b)}.navigation-group-button.directory-current:before{position:absolute;z-index:1;left:-1px;width:3px;height:23px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--sidebar-accent),var(--sidebar-accent-cyan));box-shadow:0 0 14px #5f89ff7a;content:""}.group-chevron{width:21px;height:21px;display:grid;place-items:center;flex:0 0 21px;border-radius:7px;color:#8499bd;background:#ffffff09;transform:rotate(-90deg);transition:transform .18s ease,color .18s ease,background .18s ease}.group-chevron svg{width:11px;height:11px}.group-chevron.expanded{color:#c7d8f4;background:#7496ef1f;transform:rotate(0)}.navigation-children{position:relative}.navigation-children:before{position:absolute;top:0;left:-1px;width:1px;height:25px;background:linear-gradient(180deg,#7198ffb8,#7198ff00);content:""}.navigation-children .menu-label{font-weight:500}.server-navigation-tree.nested{gap:4px}.shell nav a.router-link-exact-active .menu-label{color:#fff;font-weight:650}.shell nav .navigation-children a.router-link-exact-active{color:#fff}.shell nav .colored-icon{color:color-mix(in srgb,var(--icon-color) 72%,#fff);background:linear-gradient(145deg,color-mix(in srgb,var(--icon-color) 18%,#1a2a47),color-mix(in srgb,var(--icon-color) 28%,#14223b));box-shadow:inset 0 0 0 1px #ffffff1a,0 6px 15px #050e1f21;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.shell nav :is(a,.navigation-group-button):hover .colored-icon{filter:saturate(1.08) brightness(1.07);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff26,0 8px 18px #050e1f33}.shell nav :is(.router-link-exact-active,.directory-current) .colored-icon{filter:saturate(1.12) brightness(1.1);box-shadow:inset 0 0 0 1px #ffffff2e,0 7px 18px #050e1f3d}.shell nav::-webkit-scrollbar{width:4px}.shell nav::-webkit-scrollbar-thumb{border-radius:4px;background:#899fc940}.overlay{align-items:flex-start;padding:max(24px,6vh) 20px 24px}.modal{display:flex;flex-direction:column;width:min(620px,calc(100vw - 40px));max-height:calc(100dvh - max(24px,6vh) - 24px);padding:0;overflow:hidden;border:1px solid #ffffffb3;border-radius:20px;box-shadow:0 30px 100px #0c1b3d30,0 4px 18px #0c1b3d0a}.master-modal{width:min(880px,calc(100vw - 40px))}.master-modal--compact{width:min(620px,calc(100vw - 40px))}.modal>header{position:relative;flex-shrink:0;margin:0;padding:23px 64px 21px 28px;border-bottom:1px solid var(--line);background:#fff}.modal>header h2,.drawer>header h2{font-size:19px;font-weight:650;letter-spacing:-.3px;line-height:26px}.modal>header button{position:absolute;top:20px;right:20px;width:32px;height:32px;min-height:32px;padding:0;font-size:23px}.modal>header button:hover:enabled,.drawer>header button:hover:enabled{background:#eaf0fb}.master-modal-body{flex:1 1 auto;min-height:0;padding:26px 28px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;color:#5b6c85;font-size:14px;scrollbar-width:thin;scrollbar-color:#d7dfea transparent}.modal>footer{flex:0 0 auto;margin:0;padding:17px 28px;border-top:1px solid var(--line);background:#fbfcfe}.modal>footer>button{min-width:88px}.form-grid{align-items:start;min-width:0;width:100%}.form-grid>label{min-width:0}.drawer{display:flex;flex-direction:column;padding:0;overflow:hidden;border-left:1px solid #e8edf5;box-shadow:-18px 0 70px #11254b17}.drawer>header{flex:0 0 auto;margin:0;padding:26px 28px;border-bottom:1px solid var(--line)}.drawer>header button{flex-shrink:0;font-size:23px}@media(max-width:1120px){.header-actions select{width:200px}}@media(max-width:860px){.workspace>header{padding-inline:16px}.navigation-group-button{justify-content:center;padding-inline:5px}.navigation-group-button.directory-current:before{display:none}.group-chevron{position:absolute;right:2px;bottom:3px;width:16px;height:16px;flex-basis:16px}.group-chevron svg{width:8px;height:8px}.navigation-children{background:#07112224}.navigation-children:before{display:none}.shell nav .navigation-children a{min-height:40px}}@media(max-width:680px){.workspace>header{padding-block:12px}.header-actions select{width:min(220px,calc(100% - 64px))}.filters>input,.filters>input+input,.filters>select{width:100%}.overlay{padding:16px 12px}.modal,.master-modal,.master-modal--compact{width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:0;border-radius:16px}.modal>header{padding:20px 54px 18px 20px}.modal>header button{top:17px;right:14px}.master-modal-body{padding:20px 18px}.modal>footer{padding:14px 18px}.drawer>header{padding:20px 18px}}.publication-management>.card{min-width:0;overflow:hidden}.publication-management .table-wrap table{min-width:780px}.publication-management .empty>a{display:inline-block;margin-top:16px;font-size:13px}.publication-reason{display:block;color:#7c899f;font-size:12px;line-height:1.75}.publication-skus{display:grid;gap:12px}.publication-skus .sku-editor{margin:0;display:grid;gap:14px}.publication-sku-choice{display:flex;align-items:center;gap:10px;color:#576780;font-size:13px}.publication-sku-choice span{margin-left:auto;color:#8692a5}.publication-link-field{display:grid;gap:8px;color:#576780;font-size:13px}.publication-config-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:13px}@media(max-width:680px){.publication-sku-choice{flex-wrap:wrap}.publication-sku-choice span{margin-left:0}}.order-inbox-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.order-inbox-heading h2{margin:0;font-size:18px;color:#243a5c;font-weight:600}.order-inbox-live{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#7c8ba3;font-size:12px}.order-inbox-live label{display:flex;align-items:center;gap:7px;cursor:pointer}.order-inbox-live input{width:14px;height:14px;padding:0;accent-color:var(--primary)}.order-inbox-live button{color:var(--primary);background:#f1f6ff;border-color:#d9e6fb}.resource .order-inbox-stages{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap;flex:0 0 auto;margin-bottom:18px;padding:0 0 18px;overflow:visible;border-bottom:1px solid var(--line)}.order-inbox-stages button{min-height:36px;padding:7px 12px;color:#6b7e9d;font:inherit;font-size:13px;background:#fff;border:1px solid var(--line);border-radius:8px}.order-inbox-stages button.active{background:#edf3ff;color:var(--primary);border-color:#dbe7fd;font-weight:600}.order-inbox-company{margin-bottom:18px}.order-inbox-company h2{font-size:17px;color:#243a5c}@media(max-width:680px){.order-inbox-heading{align-items:flex-start}.order-inbox-live{gap:9px}.order-inbox-stages{gap:7px}.order-inbox-stages button{padding:7px 10px;font-size:12px}}