:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#172638;background:#f4f6f7;font-synthesis:none;--navy-950: #051f38;--navy-900: #072a4a;--navy-800: #0c3b61;--teal-700: #077f83;--teal-600: #079a9c;--teal-100: #dff5f3;--indigo-600: #3159c9;--amber-600: #e48b0a;--amber-100: #fff3dc;--red-600: #d94242;--green-600: #168566;--surface: #ffffff;--canvas: #f4f6f7;--line: #dce3e8;--line-soft: #e9eef1;--muted: #6f7e8f;--sidebar-width: 236px;--shadow: 0 6px 24px rgba(21, 45, 66, .06)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-width:320px;background:var(--canvas);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:var(--sidebar-width);display:flex;flex-direction:column;color:#e7f1fa;background:var(--navy-950);transition:width .2s ease,transform .2s ease}.brand{height:72px;display:flex;align-items:center;gap:11px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:#0bd1ca;border:2px solid #0ba4a5;border-radius:10px;transform:rotate(45deg)}.brand-mark svg{transform:rotate(-45deg)}.brand-copy{display:flex;flex-direction:column;white-space:nowrap;overflow:hidden}.brand-copy strong{font-size:20px;letter-spacing:-.4px}.brand-copy span{margin-top:2px;font-size:12px;color:#9eb6ca;letter-spacing:.08em}.side-nav{flex:1;padding:15px 11px;overflow-y:auto}.nav-group+.nav-group{margin-top:16px}.nav-section{padding:0 11px 7px;color:#66849e;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.nav-item{min-height:44px;display:flex;align-items:center;gap:12px;margin:2px 0;padding:0 12px;border-radius:8px;color:#c5d5e3;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;transition:.16s ease}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.router-link-active{color:#fff;background:#075f70;box-shadow:inset 3px 0 #16c6bd}.nav-item.warning{color:#ffdca0}.nav-item em{margin-left:auto;min-width:24px;height:22px;display:grid;place-items:center;padding:0 5px;background:var(--amber-600);color:#fff;border-radius:6px;font-size:12px;font-style:normal}.collapse-button{height:52px;display:flex;align-items:center;gap:10px;padding:0 23px;border:0;border-top:1px solid rgba(255,255,255,.08);color:#9eb6ca;background:transparent;white-space:nowrap}.collapse-button:hover{color:#fff}.workspace{min-width:0;min-height:100vh;margin-left:var(--sidebar-width);transition:margin .2s ease}.topbar{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-left,.topbar-actions{min-width:0;display:flex;align-items:center;gap:12px}.topbar-left{font-size:14px}.topbar-left strong{color:#26384b}.breadcrumb-home{color:var(--teal-700);font-weight:700}.breadcrumb-sep{color:#acb7c1}.topbar-actions{gap:9px}.api-state,.account-identity,.question-shortcut{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#526275;font-size:13px}.api-state{color:var(--green-600);background:#f2faf7;border-color:#d3eee5}.api-state.offline{color:var(--amber-600);background:var(--amber-100);border-color:#f0d8a8}.language-switch{display:inline-flex;align-items:center;min-height:38px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#f7f9fb}.language-switch button{min-height:30px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:#526275;font:inherit;font-size:12px;cursor:pointer}.language-switch button[aria-pressed=true]{background:#fff;color:var(--teal-700);box-shadow:0 1px 3px #162e4624;font-weight:700}.language-switch button:focus-visible{outline:2px solid var(--teal-500);outline-offset:1px}.account-identity{padding:5px 11px}.role-dot{width:7px;height:7px;border-radius:50%;background:var(--teal-600)}.identity-copy{display:flex;flex-direction:column;line-height:1.2}.identity-copy strong{color:#26384b;font-size:13px}.identity-copy small{margin-top:2px;color:var(--muted);font-size:13px}.logout-error{max-width:160px;color:var(--red-600);font-size:12px}.logout-button:disabled{cursor:wait;opacity:.55}.question-shortcut{border-color:#f0d8a8;color:#8a5a0b;background:#fffaf1}.question-shortcut b{min-width:21px;height:20px;display:grid;place-items:center;color:#fff;background:var(--amber-600);border-radius:5px}.icon-button{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--line);color:#536477;background:#fff;border-radius:8px}.notification{position:relative}.notification i{position:absolute;top:6px;right:6px;width:6px;height:6px;background:var(--red-600);border-radius:50%}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--navy-800);font-size:13px;font-weight:700}.mobile-menu{display:none}.main-content{width:100%;min-width:0;max-width:1680px;margin:0 auto;padding:24px 26px 40px}.is-model-workspace .workspace{height:100vh;overflow:hidden}.is-model-workspace .main-content{height:calc(100vh - 64px);max-width:none;margin:0;padding:10px 12px 12px;overflow:hidden}.is-full-width-workspace .main-content{max-width:none;margin:0;padding:22px 26px 36px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 0,#e5f7f5 0,var(--canvas) 42%)}.auth-card{width:min(440px,100%);padding:34px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 50px #152d421f}.auth-brand{width:58px;height:58px;display:grid;place-items:center;margin-bottom:17px;border-radius:14px;color:#fff;background:var(--teal-700)}.auth-kicker{margin:0 0 7px;color:var(--teal-700);font-size:12px;font-weight:800;letter-spacing:.14em}.auth-card h1,.forbidden-page h1{margin:0;color:#172638;font-size:27px;letter-spacing:-.03em}.auth-description{margin:10px 0 25px;color:var(--muted);font-size:14px;line-height:1.7}.auth-form{display:flex;flex-direction:column;gap:17px}.auth-submit{width:100%;margin-top:3px}.login-error{margin:-2px 0 0;padding:10px 12px;border:1px solid #f2caca;border-radius:7px;color:#943434;background:#fff6f6;font-size:13px}.forbidden-page{width:min(620px,calc(100% - 32px));margin:80px auto;padding:42px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);text-align:center}.forbidden-icon{width:68px;height:68px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;color:var(--red-600);background:#fff0f0}.forbidden-page p:not(.auth-kicker){margin:14px auto 24px;color:var(--muted);font-size:15px;line-height:1.8}.is-collapsed .sidebar{width:72px}.is-collapsed .workspace{margin-left:72px}.is-collapsed .brand{padding:0 17px}.is-collapsed .brand-copy,.is-collapsed .nav-section,.is-collapsed .nav-item span,.is-collapsed .collapse-button span{display:none}.is-collapsed .nav-item{justify-content:center;padding:0}.is-collapsed .nav-item em{position:absolute;margin:0 0 25px 27px;min-width:19px;height:19px;font-size:12px}.is-collapsed .collapse-button{justify-content:center;padding:0}.mobile-scrim{display:none}.page-header{min-width:0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:21px}.page-header>*{min-width:0}.page-header h1{margin:4px 0 5px;color:#172638;font-size:25px;letter-spacing:-.03em}.page-header p{max-width:820px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.page-kicker{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:5px;color:var(--teal-700);background:var(--teal-100);font-size:12px;font-weight:800;letter-spacing:.08em}.page-kicker.warning{color:#9a6209;background:var(--amber-100)}.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.card{min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.card-header{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 17px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}.card-header>*{min-width:0}.card-header h2,.card-header h3{margin:0;color:#233549;font-size:15px}.card-header p{margin:3px 0 0;color:var(--muted);font-size:13px}.card-body{padding:17px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-main-side{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.7fr);gap:16px}.grid-main-side>*{min-width:0}.stack{display:flex;flex-direction:column;gap:16px}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#34475c;font-size:14px;font-weight:700}.button:hover{border-color:#9bb5c8}.button.primary{border-color:var(--teal-600);color:#fff;background:var(--teal-600)}.button.primary:hover{background:var(--teal-700)}.button.dark{border-color:var(--navy-900);color:#fff;background:var(--navy-900)}.button.warning{border-color:#e8b75e;color:#895509;background:var(--amber-100)}.button.ghost{border-color:transparent;background:transparent}.button.danger{color:var(--red-600)}.button:disabled{opacity:.5;cursor:not-allowed}.text-button{padding:0;border:0;color:var(--teal-700);background:transparent;font-size:14px;font-weight:700}.field{display:flex;flex-direction:column;gap:7px}.field label{color:#3b4c60;font-size:14px;font-weight:700}.input,.select,.textarea{width:100%;min-height:42px;padding:0 12px;border:1px solid #ccd7df;border-radius:7px;outline:none;color:#26384b;background:#fff;font-size:14px}.textarea{min-height:92px;padding-top:10px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--teal-600);box-shadow:0 0 0 3px #079a9c1a}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid>*,.field{min-width:0}.helper{color:var(--muted);font-size:13px;line-height:1.65}.notice{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border:1px solid #f0d8a8;border-radius:8px;color:#78500f;background:#fffaf1;font-size:13px;line-height:1.65}.notice.info{border-color:#cce7e5;color:#17676a;background:#f2fbfa}.notice.danger{border-color:#f2caca;color:#943434;background:#fff6f6}.table-wrap{width:100%;min-width:0;max-width:100%;overflow:auto;overscroll-behavior:contain;scrollbar-color:#8299a8 #edf2f4;scrollbar-width:auto}.table-wrap:focus-visible{outline:3px solid rgba(7,154,156,.32);outline-offset:-3px}.table-wrap::-webkit-scrollbar{width:12px;height:12px}.table-wrap::-webkit-scrollbar-track{background:#edf2f4}.table-wrap::-webkit-scrollbar-thumb{border:3px solid #edf2f4;border-radius:999px;background:#8299a8}.bounded-table-wrap{max-height:min(62vh,680px);scrollbar-gutter:stable}.bounded-table-wrap .data-table th{position:sticky;top:0;z-index:2;box-shadow:inset 0 -1px var(--line)}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{height:46px;padding:0 12px;border-bottom:1px solid var(--line);color:#607083;background:#f7f9fa;text-align:left;font-size:13px;white-space:nowrap}.data-table td{height:52px;padding:9px 12px;border-bottom:1px solid var(--line-soft);color:#34465a;white-space:nowrap}.data-table tbody tr:hover{background:#f8fbfb}.data-table tbody tr:last-child td{border-bottom:0}.status-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border-radius:5px;font-size:12px;font-weight:800}.status-badge.success{color:#126b54;background:#dff4eb}.status-badge.info{color:#176d91;background:#e2f2f8}.status-badge.warning{color:#8b5909;background:#fff0d4}.status-badge.danger{color:#a03131;background:#fbe3e3}.toolbar{min-width:0;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.toolbar>*{min-width:0}.toolbar .input,.toolbar .select{width:auto;min-width:160px;min-height:36px}.metric{display:flex;flex-direction:column;gap:5px}.metric .label{color:#607083;font-size:13px;font-weight:700}.metric strong{color:#14304a;font-size:26px;line-height:1;letter-spacing:-.02em}.metric small{color:var(--muted);font-size:12px}.progress-track{height:7px;overflow:hidden;border-radius:10px;background:#e7ecef}.progress-bar{height:100%;border-radius:inherit;background:var(--teal-600);transition:width .35s ease}.catalog-master-detail{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px}.catalog-master{overflow:hidden;padding:8px}.catalog-master__item{width:100%;display:flex;flex-direction:column;gap:3px;padding:13px;border:1px solid transparent;border-radius:8px;color:#34465a;background:transparent;text-align:left;font-size:14px}.catalog-master__item:hover{background:#f5f9f9}.catalog-master__item.active{border-color:#a7dad7;background:var(--teal-100)}.catalog-master__item b{color:#1e3448}.catalog-master__item span{font-size:13px}.catalog-master__item small{color:var(--muted);font-size:12px}.catalog-detail{min-width:0}.catalog-detail__flags{display:flex;flex-wrap:wrap;gap:18px}.form-switch{display:inline-flex;align-items:center;gap:8px;color:#34465a;font-size:14px;font-weight:700}.form-switch input{width:18px;height:18px;accent-color:var(--teal-700)}.catalog-detail__actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.save-success{margin:0 auto 0 0;color:var(--green-600);font-size:14px;font-weight:700}.status-pill{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:5px;font-size:12px;font-weight:700}.status-pill.enabled{color:#126b54;background:#e7f6ef}.status-pill.disabled{color:#765814;background:var(--amber-100)}.danger-text{margin-left:12px;color:var(--red-600)}.empty-table{color:var(--muted);text-align:center}.field-error{color:var(--red-600);font-size:12px;font-weight:700}.confirm-modal-overlay{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:18px;background:#03182a5c}.confirm-modal{width:min(420px,100%);padding:21px;border-radius:10px;background:#fff;box-shadow:var(--shadow);outline:0}.confirm-modal h2{margin:0;font-size:18px}.confirm-modal p{color:#526275;font-size:14px}.confirm-modal__actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}@media(max-width:1100px){.grid-main-side{grid-template-columns:1fr}.topbar{padding:0 18px}.api-state span,.question-shortcut{display:none}.language-switch button{padding:0 7px}.main-content{padding:21px 18px 34px}}@media(max-width:900px){.catalog-master-detail{grid-template-columns:1fr}.catalog-master{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px}.catalog-master__item{min-height:92px}.data-table{min-width:760px}}@media(max-width:760px){.sidebar{width:244px;transform:translate(-100%)}.workspace,.is-collapsed .workspace{margin-left:0}.mobile-open .sidebar{transform:translate(0)}.mobile-open .mobile-scrim{position:fixed;inset:0;z-index:25;display:block;background:#03182a80}.mobile-menu{display:grid}.topbar{height:58px;padding:0 12px}.breadcrumb-home,.breadcrumb-sep,.notification{display:none}.account-identity{padding:0 8px}.identity-copy small,.logout-error,.avatar{display:none}.main-content{padding:17px 12px 30px}.page-header{align-items:flex-start;flex-direction:column;gap:13px}.page-header h1{font-size:22px}.page-actions{width:100%}.page-actions .button{flex:1}.toolbar .input,.toolbar .select{width:100%;min-width:0}.bounded-table-wrap{max-height:min(56vh,520px)}.grid-2,.form-grid{grid-template-columns:1fr}.card{border-radius:8px}.auth-page{padding:14px}.auth-card{padding:25px 21px}.forbidden-page{margin:36px auto;padding:30px 20px}}