:root{--blur-none: 0px;--blur-xs: 4px;--blur-sm: 8px;--blur-md: 16px;--blur-lg: 24px;--blur-xl: 48px;--border-weight-border-1: 1px;--border-weight-border-2: 2px;--border-weight-border-3: 4px;--border-weight-border-6: 6px;--border-style-solid: solid;--border-style-dashed: dashed;--border-width-solid: 1px;--border-width-dashed: 2px;--radius-none: 0px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 32px;--radius-3xl: 40px;--radius-full: 99px;--space-none: 0px;--space-xs: 4px;--space-sm: 6px;--space-md: 8px;--space-lg: 10px;--space-xl: 14px;--space-2xl: 16px;--space-3xl: 20px;--space-4xl: 24px;--space-5xl: 32px;--space-6xl: 40px;--space-7xl: 48px;--color-primary-10: #ecf5ff;--color-primary-20: #d9ecff;--color-primary-30: #c6e2ff;--color-primary-40: #9fceff;--color-primary-50: #79bbff;--color-primary-60: #409eff;--color-primary-70: #1772cf;--color-success-10: #f0f9eb;--color-success-20: #e1f3d8;--color-success-30: #d1edc4;--color-success-40: #b3e09c;--color-success-50: #b3e09c;--color-success-60: #67c23a;--color-success-70: #529b2e;--color-warning-10: #fcf6ec;--color-warning-20: #faecd8;--color-warning-30: #f8e3c5;--color-warning-40: #f2d09d;--color-warning-50: #eebe77;--color-warning-60: #e6a23c;--color-warning-70: #b88230;--color-error-10: #fef0f0;--color-error-20: #fde2e2;--color-error-30: #fcd3d3;--color-error-40: #fab5b5;--color-error-50: #f89898;--color-error-60: #f56c6c;--color-error-70: #c45656;--color-info-10: #f4f4f5;--color-info-20: #e9e9eb;--color-info-30: #dedfe0;--color-info-40: #c7c9cc;--color-info-50: #b1b3b8;--color-info-60: #909399;--color-info-70: #73767a;--color-text-10: #fff;--color-text-20: #c0c4cc;--color-text-30: #a8abb2;--color-text-40: #909399;--color-text-50: #606266;--color-text-60: #303133;--color-border-10: #f2f5fc;--color-border-20: #ebeef5;--color-border-30: #e4e7ed;--color-border-40: #dcdfe6;--color-border-50: #d4d7de;--color-border-60: #cdd0d6;--color-fill-10: #fff;--color-fill-20: #fafcff;--color-fill-30: #fafafa;--color-fill-40: #f5f7fa;--color-fill-50: #f0f2f5;--color-fill-60: #ebedf0;--color-fill-70: #e6e8eb;--color-background-10: transparent;--color-background-20: #fff;--color-background-30: #f2f3f5;--color-mask-10: rgba(255,255,255,.30196);--color-mask-20: rgba(255,255,255,.90196);--color-overlay-10: rgba(0,0,0,.50196);--color-overlay-20: rgba(0,0,0,.70196);--color-overlay-30: rgba(0,0,0,.8);--shadow-admin-base: 0px 12px 32px 4px rgba(0,0,0,.03922), 0px 8px 20px rgba(0,0,0,.07843);--shadow-admin-light: 0px 0px 12px rgba(0,0,0,.12157);--shadow-admin-lighter: 0px 0px 6px rgba(0,0,0,.12157);--shadow-admin-dark: 0px 16px 48px 16px rgba(0,0,0,.07843), 0px 12px 32px rgba(0,0,0,.12157), 0px 8px 16px -8px rgba(0,0,0,.16078);--font-brand-latin: "Roboto", "Segoe UI", sans-serif;--font-brand-cjk: "Roboto", "Segoe UI", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-brand: var(--font-brand-cjk);--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--el-color-white: var(--color-fill-10);--el-color-black: #000;--el-color-primary-rgb: 64, 158, 255;--el-color-success-rgb: 103, 194, 58;--el-color-warning-rgb: 230, 162, 60;--el-color-danger-rgb: 245, 108, 108;--el-color-error-rgb: 245, 108, 108;--el-color-info-rgb: 144, 147, 153;--el-color-primary: var(--color-primary-60);--el-color-primary-light-3: var(--color-primary-50);--el-color-primary-light-5: var(--color-primary-40);--el-color-primary-light-7: var(--color-primary-30);--el-color-primary-light-8: var(--color-primary-20);--el-color-primary-light-9: var(--color-primary-10);--el-color-primary-dark-2: var(--color-primary-70);--el-color-success: var(--color-success-60);--el-color-success-light-3: var(--color-success-50);--el-color-success-light-5: var(--color-success-40);--el-color-success-light-7: var(--color-success-30);--el-color-success-light-8: var(--color-success-20);--el-color-success-light-9: var(--color-success-10);--el-color-success-dark-2: var(--color-success-70);--el-color-warning: var(--color-warning-60);--el-color-warning-light-3: var(--color-warning-50);--el-color-warning-light-5: var(--color-warning-40);--el-color-warning-light-7: var(--color-warning-30);--el-color-warning-light-8: var(--color-warning-20);--el-color-warning-light-9: var(--color-warning-10);--el-color-warning-dark-2: var(--color-warning-70);--el-color-danger: var(--color-error-60);--el-color-danger-light-3: var(--color-error-50);--el-color-danger-light-5: var(--color-error-40);--el-color-danger-light-7: var(--color-error-30);--el-color-danger-light-8: var(--color-error-20);--el-color-danger-light-9: var(--color-error-10);--el-color-danger-dark-2: var(--color-error-70);--el-color-error: var(--color-error-60);--el-color-error-light-3: var(--color-error-50);--el-color-error-light-5: var(--color-error-40);--el-color-error-light-7: var(--color-error-30);--el-color-error-light-8: var(--color-error-20);--el-color-error-light-9: var(--color-error-10);--el-color-error-dark-2: var(--color-error-70);--el-color-info: var(--color-info-60);--el-color-info-light-3: var(--color-info-50);--el-color-info-light-5: var(--color-info-40);--el-color-info-light-7: var(--color-info-30);--el-color-info-light-8: var(--color-info-20);--el-color-info-light-9: var(--color-info-10);--el-color-info-dark-2: var(--color-info-70);--el-bg-color: var(--color-background-20);--el-bg-color-page: var(--color-fill-50);--el-bg-color-overlay: var(--color-fill-10);--el-text-color-primary: var(--color-text-60);--el-text-color-regular: var(--color-text-50);--el-text-color-secondary: var(--color-text-40);--el-text-color-placeholder: var(--color-text-30);--el-text-color-disabled: var(--color-text-20);--el-border-color: var(--color-border-40);--el-border-color-light: var(--color-border-30);--el-border-color-lighter: var(--color-border-20);--el-border-color-extra-light: var(--color-border-10);--el-border-color-dark: var(--color-border-50);--el-border-color-darker: var(--color-border-60);--el-fill-color: var(--color-fill-50);--el-fill-color-light: var(--color-fill-40);--el-fill-color-lighter: var(--color-fill-30);--el-fill-color-extra-light: var(--color-fill-20);--el-fill-color-dark: var(--color-fill-60);--el-fill-color-darker: var(--color-fill-70);--el-fill-color-blank: var(--color-fill-10);--el-box-shadow: var(--shadow-admin-base);--el-box-shadow-light: var(--shadow-admin-light);--el-box-shadow-lighter: var(--shadow-admin-lighter);--el-box-shadow-dark: var(--shadow-admin-dark);--el-mask-color: var(--color-mask-20);--el-mask-color-extra-light: var(--color-mask-10);--el-overlay-color: var(--color-overlay-30);--el-overlay-color-light: var(--color-overlay-20);--el-overlay-color-lighter: var(--color-overlay-10);--el-border-width: var(--border-width-solid);--el-border-style: var(--border-style-solid);--el-border-radius-base: var(--radius-sm);--el-border-radius-small: var(--radius-xs);--el-border-radius-round: var(--radius-xl);--el-border-radius-circle: var(--radius-full);--el-font-family: var(--font-brand);--el-font-weight-primary: var(--font-weight-medium);--font-family-herotitle: var(--font-brand);--font-weight-herotitle: var(--font-weight-bold);--font-size-herotitle: 64px;--line-height-herotitle: 76px;--font-letter-spacing-herotitle: 0px;--font-family-h1: var(--font-brand);--font-weight-h1: var(--font-weight-bold);--font-size-h1: 56px;--line-height-h1: 74px;--font-letter-spacing-h1: 0px;--font-family-h2: var(--font-brand);--font-weight-h2: var(--font-weight-bold);--font-size-h2: 48px;--line-height-h2: 62px;--font-letter-spacing-h2: 0px;--font-family-h3: var(--font-brand);--font-weight-h3: var(--font-weight-bold);--font-size-h3: 40px;--line-height-h3: 52px;--font-letter-spacing-h3: 0px;--font-family-h4: var(--font-brand);--font-weight-h4: var(--font-weight-bold);--font-size-h4: 32px;--line-height-h4: 42px;--font-letter-spacing-h4: 0px;--font-family-h5: var(--font-brand);--font-weight-h5: var(--font-weight-bold);--font-size-h5: 24px;--line-height-h5: 32px;--font-letter-spacing-h5: 0px;--font-family-h6: var(--font-brand);--font-weight-h6: var(--font-weight-bold);--font-size-h6: 20px;--line-height-h6: 28px;--font-letter-spacing-h6: 0px;--font-family-subtitle-1: var(--font-brand);--font-weight-subtitle-1: var(--font-weight-medium);--font-size-subtitle-1: 20px;--line-height-subtitle-1: 28px;--font-letter-spacing-subtitle-1: 0px;--font-family-subtitle-2: var(--font-brand);--font-weight-subtitle-2: var(--font-weight-medium);--font-size-subtitle-2: 16px;--line-height-subtitle-2: 20px;--font-letter-spacing-subtitle-2: 0px;--font-family-subtitle-3: var(--font-brand);--font-weight-subtitle-3: var(--font-weight-medium);--font-size-subtitle-3: 14px;--line-height-subtitle-3: 20px;--font-letter-spacing-subtitle-3: 0px;--font-family-subtitle-4: var(--font-brand);--font-weight-subtitle-4: var(--font-weight-medium);--font-size-subtitle-4: 12px;--line-height-subtitle-4: 18px;--font-letter-spacing-subtitle-4: 0px;--font-family-body-1: var(--font-brand);--font-weight-body-1: var(--font-weight-regular);--font-size-body-1: 16px;--line-height-body-1: 24px;--font-letter-spacing-body-1: 0px;--font-family-body-2: var(--font-brand);--font-weight-body-2: var(--font-weight-regular);--font-size-body-2: 14px;--line-height-body-2: 20px;--font-letter-spacing-body-2: 0px;--font-family-body-3: var(--font-brand);--font-weight-body-3: var(--font-weight-regular);--font-size-body-3: 12px;--line-height-body-3: 18px;--font-letter-spacing-body-3: 0px;--font-family-body-4: var(--font-brand);--font-weight-body-4: var(--font-weight-regular);--font-size-body-4: 10px;--line-height-body-4: 16px;--font-letter-spacing-body-4: 0px;--font-family-label-1: var(--font-brand);--font-weight-label-1: var(--font-weight-regular);--font-size-label-1: 20px;--line-height-label-1: 28px;--font-letter-spacing-label-1: 0px;--font-family-label-2: var(--font-brand);--font-weight-label-2: var(--font-weight-regular);--font-size-label-2: 16px;--line-height-label-2: 24px;--font-letter-spacing-label-2: 0px;--font-family-label-3: var(--font-brand);--font-weight-label-3: var(--font-weight-regular);--font-size-label-3: 14px;--line-height-label-3: 20px;--font-letter-spacing-label-3: 0px;--font-family-label-4: var(--font-brand);--font-weight-label-4: var(--font-weight-regular);--font-size-label-4: 12px;--line-height-label-4: 16px;--font-letter-spacing-label-4: 0px;--font-family-caption: var(--font-brand);--font-weight-caption: var(--font-weight-regular);--font-size-caption: 12px;--line-height-caption: 18px;--font-letter-spacing-caption: 0px}:root:lang(en-US){--font-brand: var(--font-brand-latin)}:root:lang(zh-TW),:root:lang(zh-CN){--font-brand: var(--font-brand-cjk)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, .5);--tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);--tw-ring-shadow: 0 0 rgba(0,0,0,0);--tw-shadow: 0 0 rgba(0,0,0,0);--tw-shadow-colored: 0 0 rgba(0,0,0,0);--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, .5);--tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);--tw-ring-shadow: 0 0 rgba(0,0,0,0);--tw-shadow: 0 0 rgba(0,0,0,0);--tw-shadow-colored: 0 0 rgba(0,0,0,0);--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Roboto,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.shell-card{border-radius:24px;border-radius:var(--radius-lg);--tw-bg-opacity: 1;background-color:#fff;background-color:rgb(var(--color-panel) / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: var(--shadow-panel);--tw-shadow-colored: var(--shadow-panel);box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 14px 48px rgba(24,31,42,.08);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);--tw-shadow-color: rgb(var(--color-panel) / 1);--tw-shadow: var(--tw-shadow-colored)}.shell-grid{display:grid;grid-gap:1rem;gap:1rem}@media(min-width:768px){.shell-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.shell-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.visible{visibility:visible}.collapse{visibility:collapse}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.gap-4{gap:1rem}.rounded-lg{border-radius:24px;border-radius:var(--radius-lg)}.border{border-width:1px}.bg-panel{--tw-bg-opacity: 1;background-color:#fff;background-color:rgb(var(--color-panel) / var(--tw-bg-opacity, 1))}.p-6{padding:1.5rem}.p-8{padding:2rem}.font-roboto{font-family:Roboto,sans-serif}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.leading-\[10px\]{line-height:10px}.leading-\[20px\]{line-height:20px}.leading-\[22px\]{line-height:22px}.leading-\[24px\]{line-height:24px}.leading-\[26px\]{line-height:26px}.leading-\[28px\]{line-height:28px}.leading-\[32px\]{line-height:32px}.leading-\[36px\]{line-height:36px}.leading-\[40px\]{line-height:40px}.tracking-\[0px\]{letter-spacing:0px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:blur(8px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) grayscale(100%) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.headline-1-regular{font-family:Roboto,sans-serif;font-size:20px;font-weight:400;line-height:28px;letter-spacing:0px}.headline-1-medium{font-family:Roboto,sans-serif;font-size:20px;font-weight:500;line-height:28px;letter-spacing:0px}.headline-1-bold{font-family:Roboto,sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}.headline-2-regular{font-family:Roboto,sans-serif;font-size:18px;font-weight:400;line-height:26px;letter-spacing:0px}.headline-2-medium{font-family:Roboto,sans-serif;font-size:18px;font-weight:500;line-height:26px;letter-spacing:0px}.headline-2-bold{font-family:Roboto,sans-serif;font-size:18px;font-weight:700;line-height:26px;letter-spacing:0px}.headline-3-regular{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}.headline-3-medium{font-family:Roboto,sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px}.headline-3-bold{font-family:Roboto,sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}.title-1-regular{font-family:Roboto,sans-serif;font-size:32px;font-weight:400;line-height:40px;letter-spacing:0px}.title-1-medium{font-family:Roboto,sans-serif;font-size:32px;font-weight:500;line-height:40px;letter-spacing:0px}.title-1-bold{font-family:Roboto,sans-serif;font-size:32px;font-weight:700;line-height:40px;letter-spacing:0px}.title-2-regular{font-family:Roboto,sans-serif;font-size:28px;font-weight:400;line-height:36px;letter-spacing:0px}.title-2-medium{font-family:Roboto,sans-serif;font-size:28px;font-weight:500;line-height:36px;letter-spacing:0px}.title-2-bold{font-family:Roboto,sans-serif;font-size:28px;font-weight:700;line-height:36px;letter-spacing:0px}.title-3-regular{font-family:Roboto,sans-serif;font-size:24px;font-weight:400;line-height:32px;letter-spacing:0px}.title-3-medium{font-family:Roboto,sans-serif;font-size:24px;font-weight:500;line-height:32px;letter-spacing:0px}.title-3-bold{font-family:Roboto,sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}.subtitle-4-regular{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}.subtitle-4-medium{font-family:Roboto,sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px}.subtitle-4-bold{font-family:Roboto,sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}.body-1-regular{font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:22px;letter-spacing:0px}.body-1-medium{font-family:Roboto,sans-serif;font-size:14px;font-weight:500;line-height:22px;letter-spacing:0px}.body-1-bold{font-family:Roboto,sans-serif;font-size:14px;font-weight:700;line-height:22px;letter-spacing:0px}.body-2-regular{font-family:Roboto,sans-serif;font-size:13px;font-weight:400;line-height:22px;letter-spacing:0px}.body-2-medium{font-family:Roboto,sans-serif;font-size:13px;font-weight:500;line-height:22px;letter-spacing:0px}.body-2-bold{font-family:Roboto,sans-serif;font-size:13px;font-weight:700;line-height:22px;letter-spacing:0px}.body-3-regular{font-family:Roboto,sans-serif;font-size:12px;font-weight:400;line-height:20px;letter-spacing:0px}.body-3-medium{font-family:Roboto,sans-serif;font-size:12px;font-weight:500;line-height:20px;letter-spacing:0px}.body-3-bold{font-family:Roboto,sans-serif;font-size:12px;font-weight:700;line-height:20px;letter-spacing:0px}.body-4-regular{font-family:Roboto,sans-serif;font-size:10px;font-weight:400;line-height:10px;letter-spacing:0px}.body-4-medium{font-family:Roboto,sans-serif;font-size:10px;font-weight:500;line-height:10px;letter-spacing:0px}.body-4-bold{font-family:Roboto,sans-serif;font-size:10px;font-weight:700;line-height:10px;letter-spacing:0px}:root{--csstools-color-scheme--light: initial;color-scheme:light;--color-surface: 246 246 247;--color-panel: 255 255 255;--color-ink: 24 31 42;--color-muted: 96 104 118;--color-brand: 10 122 255;--color-brand-strong: 0 90 214;--color-success: 17 138 74;--color-danger: 198 40 40;--color-warning: 199 122 0;--space-page-x: max(16px, min(3vw, 32px));--space-page-y: max(16px, min(3vw, 32px));--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--shadow-panel: 0 14px 48px rgba(24, 31, 42, .08);--font-body: var(--font-brand);--line-tight: 1.2;--line-body: 1.5;--z-overlay: 40}html,body,#app{min-height:100%}html{background:#f6f6f7;background:rgb(var(--color-surface))}body{margin:0;background:radial-gradient(circle at top left,rgba(10,122,255,.09),transparent 32%),linear-gradient(180deg,#f6f6f7,#eef1f7);background:radial-gradient(circle at top left,rgba(10,122,255,.09),transparent 32%),linear-gradient(180deg,rgb(var(--color-surface)),#eef1f7);color:#181f2a;color:rgb(var(--color-ink));font-family:var(--font-body);line-height:1.5;line-height:var(--line-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}button,input,textarea,select{font:inherit}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--color-surface: 245 247 250;--color-panel: 255 255 255;--color-ink: 48 49 51;--color-muted: 96 98 102;--color-brand: 64 158 255;--color-brand-strong: 51 126 204;--color-success: 103 194 58;--color-danger: 245 108 108;--color-warning: 230 162 60;--space-page-x: max(var(--space-2xl), min(3vw, var(--space-5xl)));--space-page-y: max(var(--space-2xl), min(3vw, var(--space-5xl)));--shadow-panel: var(--shadow-admin-light);--radius-card: var(--radius-sm);--font-body: var(--font-brand)}html{background:var(--color-fill-40)}body{background:radial-gradient(circle at top left,rgba(64,158,255,.1),transparent 32%),linear-gradient(180deg,var(--color-fill-40) 0%,var(--color-fill-20) 100%);color:var(--color-text-60);font-family:var(--font-brand)}#app{min-height:100%}.hq-app{min-height:100vh;min-height:100dvh;width:100%}.hq-shell{display:grid;grid-template-columns:220px 1fr;grid-template-rows:56px 1fr;min-height:100vh;min-height:100dvh;transition:grid-template-columns .24s ease}.hq-shell--collapsed{grid-template-columns:64px 1fr}.hq-sidenav{grid-row:1/-1;grid-column:1}.hq-shell__topbar{grid-row:1;grid-column:2}.hq-shell__content{grid-row:2;grid-column:2;display:flex;flex-direction:column;overflow:hidden}.hq-shell__main{flex:1;overflow:auto;background:#f5f7fa;background:rgb(var(--color-surface))}.hq-topbar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--space-3xl);background:var(--color-fill-10);border-bottom:var(--border-width-solid) var(--border-style-solid) var(--color-border-30)}.hq-topbar__left{display:flex;align-items:center;gap:var(--space-lg);min-width:0}.hq-topbar__right{display:flex;align-items:center;gap:var(--space-2xl);flex-shrink:0}.hq-topbar__user{display:flex;align-items:center;gap:var(--space-md)}.hq-topbar__avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-info-30);color:var(--color-text-60);font-family:var(--font-family-label-4);font-size:var(--font-size-label-4);font-weight:var(--font-weight-semibold);flex-shrink:0}.hq-topbar__username{color:var(--color-text-60);font-family:var(--font-family-body-2);font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-medium)}.hq-topbar__divider{width:1px;height:20px;background:var(--color-border-30);flex-shrink:0}.hq-topbar__version{color:var(--color-text-60)}.hq-topbar__locale-btn{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:32px;padding:0 var(--space-lg);border:var(--border-width-solid) var(--border-style-solid) var(--color-border-30);border-radius:var(--radius-xl);background:transparent;color:var(--color-text-50);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.hq-topbar__locale-btn:hover{background:var(--color-fill-20);border-color:var(--color-border-40)}.hq-topbar__locale-popper .el-dropdown-menu{min-width:200px}.hq-topbar__locale-popper .el-dropdown-menu__item{justify-content:center}.hq-topbar__icon{width:18px;height:18px;flex-shrink:0}.hq-topbar__role{color:var(--color-text-60)}.hq-topbar__logout-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-xl);background:transparent;color:var(--color-text-60);cursor:pointer;transition:background-color .16s ease,color .16s ease}.hq-topbar__logout-btn:hover{background:var(--color-fill-20);color:var(--color-error-60)}.hq-sidenav{display:flex;flex-direction:column;background:var(--color-fill-10);border-right:var(--border-width-solid) var(--border-style-solid) var(--color-border-30);overflow:hidden}.hq-sidenav__logo{display:flex;align-items:center;gap:var(--space-lg);min-height:56px;padding:var(--space-lg) var(--space-2xl);border-bottom:var(--border-width-solid) var(--border-style-solid) var(--color-border-30);flex-shrink:0;overflow:hidden}.hq-sidenav__logo-mark{width:24px;height:auto;flex-shrink:0}.hq-sidenav__logo-text{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.hq-sidenav__logo-name{color:var(--color-text-60);font-family:var(--font-family-label-4);font-size:13px;font-weight:var(--font-weight-semibold);letter-spacing:.04em;white-space:nowrap}.hq-sidenav__logo-tagline{color:var(--color-text-40);font-family:var(--font-family-body-3);font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hq-sidenav__menu{flex:1;border-right:none!important;overflow-x:hidden;overflow-y:auto;overflow:hidden auto;--el-menu-bg-color: var(--color-fill-10);--el-menu-text-color: var(--color-text-60);--el-menu-active-color: var(--color-primary-60);--el-menu-hover-bg-color: var(--color-primary-10);--el-menu-item-height: 44px;--el-menu-sub-item-height: 40px;--el-sub-menu-title-height: 44px}.hq-sidenav__menu .el-menu-item,.hq-sidenav__menu .el-sub-menu__title{border-radius:var(--radius-xs);margin:2px var(--space-sm);width:auto;white-space:nowrap;overflow:hidden}.hq-sidenav__menu .el-sub-menu .el-menu--inline{overflow:hidden}.hq-sidenav__menu .el-sub-menu .el-menu-item{padding-left:52px!important;font-weight:400;color:var(--color-text-60)}.hq-sidenav__menu .el-sub-menu__icon-arrow{font-size:12px;width:12px;height:12px}.hq-sidenav__menu .el-sub-menu__icon-arrow svg{width:12px;height:12px}.hq-sidenav__menu .el-menu-item.is-active{color:var(--color-primary-60);background-color:var(--color-primary-10);font-weight:var(--font-weight-semibold)}.hq-sidenav__menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--color-primary-60)}.hq-sidenav__menu.el-menu--collapse .el-menu-item,.hq-sidenav__menu.el-menu--collapse .el-sub-menu__title{margin:2px var(--space-xs);justify-content:center;padding:0!important}.hq-sidenav__menu.el-menu--collapse .el-menu-item .el-icon{margin-right:0}.hq-sidenav__menu.el-menu--collapse .el-menu-item .el-menu-tooltip__trigger{padding:0!important;justify-content:center}.hq-sidenav__nav-icon{width:1em;height:1em;flex-shrink:0}.hq-sidenav__footer{display:flex;align-items:center;padding:var(--space-lg) var(--space-xl);border-top:var(--border-width-solid) var(--border-style-solid) var(--color-border-30);flex-shrink:0}.hq-sidenav__toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--color-text-40);cursor:pointer;transition:background-color .16s ease,color .16s ease}.hq-sidenav__toggle:hover{background:var(--color-fill-20);color:var(--color-text-60)}.hq-sidenav__toggle-icon{width:20px;height:20px;transition:transform .24s ease}.hq-section-card{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg);padding:var(--space-4xl);background:linear-gradient(180deg,var(--color-fill-20),var(--color-fill-10)),var(--color-fill-10);border:var(--border-width-solid) var(--border-style-solid) var(--color-border-30);border-radius:var(--radius-card);box-shadow:var(--shadow-panel);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.hq-section-card:hover{border-color:var(--color-primary-40);box-shadow:var(--shadow-admin-base);transform:translateY(-2px)}.hq-section-card__meta{display:flex}.hq-section-card__index{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:28px;padding:0 var(--space-sm);border-radius:var(--radius-xl);background:var(--color-primary-10);color:var(--color-primary-70);font-family:var(--font-family-label-4);font-size:var(--font-size-label-4);line-height:var(--line-height-label-4);font-weight:var(--font-weight-semibold);letter-spacing:.12em}.hq-section-card__title{margin:0;color:var(--color-text-60);font-family:var(--font-family-h6);font-size:var(--font-size-h6);line-height:var(--line-height-h6);font-weight:var(--font-weight-h6)}.hq-section-card__body{margin:0;color:var(--color-text-50);font-family:var(--font-family-body-2);font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body-2)}.hq-route-tabs{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-4xl) var(--space-5xl) 0 var(--space-5xl);background:#f5f7fa;background:rgb(var(--color-surface))}.hq-route-tabs__item{display:flex;padding:var(--space-xs) 10px var(--space-xs) var(--space-md);justify-content:center;align-items:center;gap:6px;border-radius:var(--el-border-radius-base);background:var(--color-fill-10);color:var(--color-text-40);font-family:var(--font-family-body-3);font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;border:var(--border-width-solid) var(--border-style-solid) var(--color-border-20);transition:color .16s ease,border-color .16s ease}.hq-route-tabs__item:hover{color:var(--color-primary-60)}.hq-route-tabs__item--active{color:var(--color-primary-60);border-color:var(--color-primary-60)}.hq-route-tabs__label{pointer-events:none}.hq-route-tabs__close{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-30);cursor:pointer;flex-shrink:0;transition:color .16s ease,background .16s ease}.hq-route-tabs__close:hover{color:var(--color-text-60);background:var(--color-fill-30)}.hq-route-tabs__close svg{width:12px;height:12px}.hq-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xl);padding:var(--space-2xl) var(--space-4xl);background:var(--color-fill-10);border:var(--border-width-solid) var(--border-style-solid) var(--color-border-20);border-radius:var(--radius-sm)}.hq-filter-bar__controls{display:flex;align-items:center;gap:var(--space-lg)}.hq-filter-bar__controls .el-button+.el-button{margin-left:0}.hq-filter-bar__label{color:var(--color-text-50);font-family:var(--font-family-body-2);font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);white-space:nowrap;flex-shrink:0}.hq-filter-bar__input{width:180px}.hq-filter-bar__select{width:120px}.hq-filter-bar__actions{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.hq-login{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top,0px)) var(--space-4xl) max(24px,env(safe-area-inset-bottom,0px));background:radial-gradient(circle at top,rgba(64,158,255,.14),transparent 28%),linear-gradient(180deg,#0d2a36,#08222d)}.hq-login__shell{width:100%;display:flex;justify-content:center}.hq-login__card{width:min(100%,392px);padding:18px var(--space-4xl) 22px;border-radius:14px;background:var(--color-fill-10);box-shadow:0 28px 72px rgba(0,0,0,.22)}.hq-login__locale{position:absolute;top:max(16px,env(safe-area-inset-top,0px));right:max(18px,env(safe-area-inset-right,0px))}.hq-login__locale-trigger{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:var(--border-width-solid) var(--border-style-solid) rgba(255,255,255,.2);border-radius:var(--radius-full);background:transparent;color:rgba(255,255,255,.88);cursor:pointer}.hq-login__locale-trigger svg{width:15px;height:15px;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.hq-login__locale-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:136px;display:grid;grid-gap:var(--space-xs);gap:var(--space-xs);padding:var(--space-md);border:var(--border-width-solid) var(--border-style-solid) rgba(255,255,255,.12);border-radius:12px;background:rgba(5,24,32,.92);box-shadow:var(--shadow-admin-dark)}.hq-login__locale-option{min-height:34px;padding:0 var(--space-lg);border-radius:8px;background:transparent;color:rgba(255,255,255,.84);text-align:left;font-family:var(--font-family-body-2);font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);cursor:pointer}.hq-login__locale-option--active{background:rgba(64,158,255,.18);color:var(--color-fill-10)}.hq-login__brand,.hq-login__brand-copy,.hq-login__form{display:grid}.hq-login__brand{grid-template-columns:auto 1fr;align-items:center;gap:var(--space-lg)}.hq-login__brand-mark{width:44px;height:32px}.hq-login__brand-mark svg{width:100%;height:100%}.hq-login__brand-mark-primary{fill:#14baa9}.hq-login__brand-mark-dark{fill:var(--color-primary-70)}.hq-login__brand-mark-accent{fill:#67ddd1}.hq-login__brand-mark-deep{fill:#0d3e82}.hq-login__brand-copy{gap:1px}.hq-login__brand-name{color:var(--color-text-60);font-family:var(--font-family-subtitle-2);font-size:13px;line-height:18px;font-weight:var(--font-weight-extrabold);letter-spacing:.03em}.hq-login__brand-tagline{color:var(--color-text-40);font-family:var(--font-family-caption);font-size:8px;line-height:12px;letter-spacing:.08em;text-transform:lowercase}.hq-login__heading{margin-top:12px}.hq-login__title{margin:0;color:#314148;font-family:var(--font-family-h6);font-size:28px;line-height:36px;font-weight:var(--font-weight-medium)}.hq-login__form{gap:var(--space-lg);margin-top:22px}.hq-login__field{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}.hq-login__field-label{color:var(--color-text-50);font-family:var(--font-family-label-4);font-size:var(--font-size-label-4);line-height:var(--line-height-label-4);font-weight:var(--font-weight-medium)}.hq-login__field-input-wrap{position:relative;display:flex;align-items:center}.hq-login__field-icon{position:absolute;left:12px;width:16px;height:16px;color:var(--color-text-30);pointer-events:none;flex-shrink:0}.hq-login__field input{width:100%;min-height:38px;padding:0 12px 0 36px;border:var(--border-width-solid) var(--border-style-solid) var(--color-border-40);border-radius:var(--radius-xs);background:var(--color-fill-10);color:var(--color-text-60);font:inherit;transition:border-color .16s ease}.hq-login__field input:focus{border-color:var(--color-primary-60);outline:none}.hq-login__field input::-moz-placeholder{color:var(--color-text-30)}.hq-login__field input::placeholder{color:var(--color-text-30)}.hq-login__field--error input{border-color:var(--color-error-60)}.hq-login__field--error input:focus{border-color:var(--color-error-60)}.hq-login__field-error{margin:0;color:var(--color-error-60);font-family:var(--font-family-body-3);font-size:var(--font-size-body-3);line-height:var(--line-height-body-3)}.hq-login__meta{display:flex;justify-content:flex-end}.hq-login__forgot,.hq-login__secondary{padding:0;border:0;background:transparent;cursor:pointer}.hq-login__forgot{color:var(--color-text-40);font-family:var(--font-family-caption);font-size:11px;line-height:16px}.hq-login__error{margin:0;color:var(--color-error-70);font-family:var(--font-family-body-3);font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);text-align:center}.hq-login__submit{width:100%;display:inline-flex;align-items:center;justify-content:center;min-height:32px;border:0;border-radius:var(--radius-sm);background:linear-gradient(180deg,#14baa9,#12a99b);color:var(--color-fill-10);font-family:var(--font-family-body-2);font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-bold);cursor:pointer}.hq-login__submit:disabled{opacity:.72;cursor:progress}.hq-login__secondary{color:var(--color-primary-70);font-family:var(--font-family-caption);font-size:11px;line-height:16px;justify-self:center}.hq-login__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);background:var(--color-overlay-20)}.hq-login__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--color-primary-60);border-radius:50%;animation:hq-login-spin .8s linear infinite}@keyframes hq-login-spin{to{transform:rotate(360deg)}}.hq-login__overlay-text{color:var(--color-primary-60);font-family:var(--font-family-body-2);font-size:var(--font-size-body-2);font-weight:var(--font-weight-medium)}.hq-login-overlay-enter-active,.hq-login-overlay-leave-active{transition:opacity .2s ease}.hq-login-overlay-enter-from,.hq-login-overlay-leave-to{opacity:0}@media(max-width:960px){.hq-login__card{width:min(100%,420px)}}@media(max-width:720px){.hq-login{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}.hq-login__card{padding:18px 18px 20px}.hq-login__title{font-size:24px;line-height:32px}}.hq-section-page{display:grid;grid-gap:var(--space-4xl);gap:var(--space-4xl)}.hq-section-page__hero{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg);padding:var(--space-5xl);background:linear-gradient(135deg,rgba(64,158,255,.1),transparent 42%),linear-gradient(180deg,var(--color-fill-20),var(--color-fill-10));border:var(--border-width-solid) var(--border-style-solid) var(--color-border-30);border-radius:var(--radius-sm);box-shadow:var(--shadow-admin-light)}.hq-section-page__kicker{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;min-height:28px;padding:0 var(--space-sm);border-radius:var(--radius-xl);background:var(--color-primary-10);color:var(--color-primary-70);font-family:var(--font-family-label-4);font-size:var(--font-size-label-4);line-height:var(--line-height-label-4);font-weight:var(--font-weight-bold);letter-spacing:.16em;text-transform:uppercase}.hq-section-page__title{margin:0;color:var(--color-text-60);font-family:var(--font-family-h2);font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:var(--font-weight-h2)}.hq-section-page__subtitle{max-width:64ch;margin:0;color:var(--color-text-50);font-family:var(--font-family-body-1);font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body-1)}.hq-section-page__grid{display:grid;grid-gap:var(--space-2xl);gap:var(--space-2xl);grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:960px){.hq-section-page__hero{padding:var(--space-4xl)}.hq-section-page__title{font-family:var(--font-family-h3);font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-h3)}.hq-section-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.hq-section-page__hero{padding:var(--space-3xl)}.hq-section-page__title{font-family:var(--font-family-h4);font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:var(--font-weight-h4)}.hq-section-page__grid{grid-template-columns:1fr}}.hq-access-page{display:grid;grid-gap:var(--space-4xl);gap:var(--space-4xl)}.hq-access-page .el-button+.el-button{margin-left:0}.hq-access-table__actions{display:flex;align-items:center;gap:var(--space-3xl)}.hq-access-pagination{justify-content:flex-start}.el-popconfirm__action .el-button:not(.el-button--danger){border:var(--el-border)}.hq-access-page__hero{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg);padding:var(--space-5xl);background:linear-gradient(135deg,rgba(64,158,255,.1),transparent 42%),linear-gradient(180deg,var(--color-fill-20),var(--color-fill-10));border:var(--border-width-solid) var(--border-style-solid) var(--color-border-30);border-radius:var(--radius-sm);box-shadow:var(--shadow-admin-light)}.hq-access-page__kicker{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;min-height:28px;padding:0 var(--space-sm);border-radius:var(--radius-xl);background:var(--color-primary-10);color:var(--color-primary-70);font-family:var(--font-family-label-4);font-size:var(--font-size-label-4);line-height:var(--line-height-label-4);font-weight:var(--font-weight-bold);letter-spacing:.16em;text-transform:uppercase}.hq-access-page__title{margin:0;color:var(--color-text-60);font-family:var(--font-family-h2);font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:var(--font-weight-h2)}.hq-access-page__subtitle{max-width:72ch;margin:0;color:var(--color-text-50);font-family:var(--font-family-body-1);font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body-1)}.hq-access-page__summary{display:grid;grid-gap:var(--space-2xl);gap:var(--space-2xl);grid-template-columns:repeat(4,minmax(0,1fr))}.hq-access-summary-card,.hq-access-panel{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg);padding:var(--space-4xl);background:linear-gradient(180deg,var(--color-fill-20),var(--color-fill-10)),var(--color-fill-10);border:var(--border-width-solid) var(--border-style-solid) var(--color-border-30);border-radius:var(--radius-sm);box-shadow:var(--shadow-admin-lighter)}.hq-access-summary-card__label{color:var(--color-text-40);font-family:var(--font-family-body-3);font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em}.hq-access-summary-card__value{color:var(--color-text-60);font-family:var(--font-family-h3);font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-h3)}.hq-access-panel__header{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}.hq-access-panel__title{margin:0;color:var(--color-text-60);font-family:var(--font-family-h5);font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:var(--font-weight-h5)}.hq-access-panel__description{margin:0;color:var(--color-text-50);font-family:var(--font-family-body-2);font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body-2)}.hq-access-table-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;gap:var(--space-lg);height:380px;padding:var(--space-lg);overflow-x:auto;border-radius:var(--radius-xs);background:#fff}.hq-access-table{width:100%;border-collapse:collapse}.hq-access-table th,.hq-access-table td{padding:var(--space-lg) var(--space-md);border-bottom:var(--border-width-solid) var(--border-style-solid) var(--color-border-10);text-align:left}.hq-access-table th{color:var(--color-text-40);font-family:var(--font-family-label-4);font-size:var(--font-size-label-4);line-height:var(--line-height-label-4);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase}.hq-access-table td{color:var(--color-text-50);font-family:var(--font-family-body-3);font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-body-3)}.hq-access-status{display:inline-flex;height:24px;height:var(--el-component-size-small, 24px);min-height:24px;max-height:40px;padding:2px var(--space-md);justify-content:center;align-items:center;gap:var(--space-md);border-radius:var(--el-border-radius-base);color:var(--color-text-10);font-family:var(--font-family-label-4);font-size:var(--font-size-label-4);line-height:var(--line-height-label-4);font-weight:var(--font-weight-medium)}.hq-access-status--active{background:var(--color-success-60)}.hq-access-status--inactive{background:var(--color-error-60)}.hq-access-permission-editor{display:grid;grid-gap:var(--space-2xl);gap:var(--space-2xl)}.hq-access-permission-editor__field{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm);max-width:320px}.hq-access-permission-editor__label{color:var(--color-text-50);font-family:var(--font-family-label-4);font-size:var(--font-size-label-4);line-height:var(--line-height-label-4);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.hq-access-permission-editor__select{min-height:44px;padding:0 var(--space-2xl);border:var(--border-width-solid) var(--border-style-solid) var(--color-border-40);border-radius:var(--radius-sm);background:var(--color-fill-10);color:var(--color-text-60);font:inherit}.hq-access-permission-editor__meta{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hq-access-permission-editor__chip{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--space-lg);border-radius:var(--radius-xl);background:var(--color-fill-20);color:var(--color-text-50);font-family:var(--font-family-body-3);font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-medium)}.hq-access-permission-list{display:grid;grid-gap:var(--space-md);gap:var(--space-md);padding:0;margin:0;list-style:none}.hq-access-permission-list__item{display:flex;justify-content:space-between;gap:var(--space-lg);align-items:center;padding:var(--space-2xl);border:var(--border-width-solid) var(--border-style-solid) var(--color-border-30);border-radius:var(--radius-sm);background:var(--color-fill-10)}.hq-access-permission-list__item--granted{border-color:var(--color-success-40);background:linear-gradient(180deg,var(--color-success-10),var(--color-fill-10))}.hq-access-permission-list__content{display:grid;grid-gap:var(--space-xs);gap:var(--space-xs)}.hq-access-permission-list__name{color:var(--color-text-60);font-family:var(--font-family-body-2);font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-semibold)}.hq-access-permission-list__description,.hq-access-permission-list__state{color:var(--color-text-50);font-family:var(--font-family-body-3);font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-body-3)}@media(max-width:960px){.hq-access-page__summary{grid-template-columns:repeat(2,minmax(0,1fr))}.hq-access-page__hero{padding:var(--space-4xl)}.hq-access-page__title{font-family:var(--font-family-h3);font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-h3)}}@media(max-width:720px){.hq-access-page__summary{grid-template-columns:1fr}.hq-access-page__hero,.hq-access-summary-card,.hq-access-panel{padding:var(--space-3xl)}.hq-access-permission-list__item{flex-direction:column;align-items:flex-start}}.hq-role-permissions{display:flex;flex-direction:column;gap:var(--space-lg)}.hq-role-permissions__group{display:flex;flex-direction:column;gap:var(--space-md)}.hq-role-permissions__group-header{font-weight:var(--font-weight-semibold)}.hq-role-permissions__rows{display:flex;flex-direction:column;gap:var(--space-sm);padding-left:var(--space-3xl)}.hq-role-permissions__row{display:grid;grid-template-columns:120px repeat(4,auto);align-items:center;grid-gap:var(--space-lg);gap:var(--space-lg)}.hq-role-dialog .el-dialog__footer{border-top:var(--el-border)}