:root{--gray-0: #ffffff;--gray-25: #fafbfc;--gray-50: #f4f6f8;--gray-100: #edf0f3;--gray-200: #e2e6ea;--gray-300: #cbd2d9;--gray-400: #9aa5b1;--gray-500: #6b7785;--gray-600: #4e5a66;--gray-700: #364049;--gray-800: #232c34;--gray-900: #141a20;--blue-50: #edf3f9;--blue-100: #dce7f1;--blue-200: #bccfe1;--blue-300: #8fafca;--blue-400: #5b87ac;--blue-500: #2f6a9b;--blue-600: #1d4e7a;--blue-700: #163d61;--blue-800: #102c47;--blue-900: #0a1f33;--success-600: #1e7a4b;--success-50: #e8f4ee;--warning-600: #9a5c00;--warning-50: #fdf3e3;--danger-600: #b4232a;--danger-700: #8e1b21;--danger-50: #fbeaea;--color-bg-app: var(--gray-50);--color-bg-surface: var(--gray-0);--color-bg-hover: var(--gray-100);--color-bg-row-hover: #f5f8fb;--color-bg-selected: var(--blue-50);--color-border: var(--gray-200);--color-border-strong: var(--gray-300);--color-text-primary: var(--gray-900);--color-text-secondary: var(--gray-600);--color-text-tertiary: var(--gray-500);--color-primary: var(--blue-600);--color-primary-hover: var(--blue-700);--color-focus: var(--blue-500);--font-sans: "MiSans", "HarmonyOS Sans SC", "Source Han Sans SC", "Noto Sans CJK SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;--font-num: "IBM Plex Mono", "JetBrains Mono", "Cascadia Mono", Consolas, monospace;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 12px;--space-6: 16px;--space-7: 20px;--space-8: 24px;--space-9: 32px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 999px;--shadow-1: 0 1px 2px rgba(16, 44, 71, .06);--shadow-2: 0 2px 8px rgba(16, 44, 71, .08);--shadow-3: 0 12px 32px rgba(16, 44, 71, .16);--dur-fast: .14s;--dur-base: .2s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--topbar-h: 56px;--tree-w: 232px;--content-pad: 20px;--row-h: 44px;--sticky-col-w: 64px;--z-sticky-head: 20;--z-sticky-cell: 21;--z-topbar: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400}@media (min-width: 1440px){:root{--tree-w: 248px;--content-pad: 24px}}@media (max-width: 767px){:root{--topbar-h: 52px;--content-pad: 12px;--row-h: 48px;--sticky-col-w: 52px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);font-size:13px;line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-app);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.num,.mono{font-family:var(--font-num);font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-track{background:transparent}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot{display:grid;place-items:center;min-height:100dvh}.boot__spinner{width:22px;height:22px;border:2px solid var(--gray-200);border-top-color:var(--blue-600);border-radius:50%;animation:spin .8s linear infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;font-size:13px;font-weight:500;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast),color var(--dur-fast);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--primary:active:not(:disabled){transform:translateY(1px)}.btn--ghost{border-color:var(--color-border-strong);background:var(--gray-0);color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--gray-50);color:var(--color-text-primary)}.btn--danger{background:var(--danger-600);color:#fff}.btn--danger:hover:not(:disabled){background:var(--danger-700)}.btn--sm{height:30px;padding:0 10px;font-size:12px}.btn--block{width:100%;height:40px}.icon-btn{display:inline-grid;place-items:center;width:28px;height:28px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-tertiary);cursor:pointer}.icon-btn:hover:not(:disabled){background:var(--gray-100);color:var(--color-text-primary)}.icon-btn--danger:hover:not(:disabled){background:var(--danger-50);color:var(--danger-600)}.link-btn{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;color:var(--color-primary);font-size:12px;cursor:pointer}.link-btn:hover:not(:disabled){color:var(--color-primary-hover);text-decoration:underline}.link-btn:disabled{color:var(--gray-400);cursor:not-allowed;text-decoration:none}.link-btn--danger{color:var(--danger-600)}.link-btn--danger:hover:not(:disabled){color:var(--danger-700)}.app-shell{height:100dvh;display:grid;grid-template-rows:var(--topbar-h) 1fr;overflow:hidden;background:var(--color-bg-app)}.topbar{display:flex;align-items:center;gap:var(--space-5);padding:0 var(--space-6);background:var(--blue-800);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);z-index:var(--z-topbar);animation:fade-in-down var(--dur-base) var(--ease-out) both}.topbar__left{display:flex;align-items:center;gap:var(--space-4);min-width:0}.brand-logo{display:block;height:28px;width:auto;border-radius:var(--radius-sm)}.brand-logo--lg{height:44px}.topbar__title{font-size:15px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.topbar__nav{display:flex;gap:var(--space-2);margin-left:var(--space-4)}.topbar__link{padding:6px 10px;border-radius:var(--radius-sm);color:#ffffffc7;text-decoration:none;font-size:13px;transition:background-color var(--dur-fast),color var(--dur-fast)}.topbar__link:hover{background:#ffffff14;color:#fff}.topbar__link.is-active{background:#ffffff24;color:#fff;font-weight:500}.topbar__right{display:flex;align-items:center;gap:var(--space-4);margin-left:auto}.topbar__avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-full);background:#ffffff24;font-size:13px;font-weight:600}.topbar__name{font-size:13px;color:#ffffffeb}.topbar__divider{width:1px;height:18px;background:#ffffff2e}.topbar__signout{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:#ffffffd1;cursor:pointer;font-size:13px}.topbar__signout:hover{background:var(--blue-700);color:#fff}.topbar__icon-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:var(--radius-sm);background:#ffffff1a;color:#fff;cursor:pointer}.role-badge{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.role-badge--admin{background:var(--warning-50);color:var(--warning-600)}.role-badge--employee{background:#ffffff24;color:#fff}.data-table .role-badge--employee{background:var(--gray-100);color:var(--gray-700)}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.main{display:grid;grid-template-columns:var(--tree-w) 1fr;min-height:0;min-width:0}.main--single{grid-template-columns:1fr}.content{display:grid;grid-template-rows:auto auto 1fr;min-height:0;min-width:0}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-5);padding:var(--space-6) var(--content-pad) var(--space-5)}.page-header h1{font-size:18px;font-weight:600}.page-header__meta{font-size:12px;color:var(--color-text-tertiary)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:0 var(--content-pad) var(--space-5)}.toolbar__left,.toolbar__right{display:flex;align-items:center;gap:var(--space-4);min-width:0}.toolbar__left{flex-wrap:wrap}.toolbar__hint{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-tertiary)}.search{display:inline-flex;align-items:center;gap:6px;width:280px;max-width:100%;height:32px;padding:0 8px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--gray-0);color:var(--color-text-tertiary)}.search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--blue-50)}.search__input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:13px;color:var(--color-text-primary)}.search__clear{display:grid;place-items:center;width:18px;height:18px;border:0;border-radius:var(--radius-full);background:var(--gray-100);color:var(--gray-600);cursor:pointer}.filter-chip{display:inline-flex;align-items:center;gap:6px;max-width:260px;height:26px;padding:0 8px;border:1px solid var(--blue-200);border-radius:var(--radius-full);background:var(--blue-50);color:var(--blue-700);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-chip button{display:grid;place-items:center;border:0;background:none;color:inherit;cursor:pointer}.tree-shell{min-width:0;border-right:1px solid var(--color-border);background:var(--gray-0)}.tree-shell__scrim{display:none}.tree{height:100%;display:grid;grid-template-rows:auto 1fr;min-height:0;background:var(--gray-0);animation:fade-in-up var(--dur-base) var(--ease-out) both}.tree__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:40px;padding:0 var(--space-5);border-bottom:1px solid var(--color-border);font-size:13px;font-weight:600}.tree__scroll{overflow-y:auto;padding:var(--space-3) 0 var(--space-6)}.tree__scroll ul{list-style:none;margin:0;padding:0}.tree__item{position:relative}.tree__row{position:relative;display:flex;align-items:center;gap:2px;padding-right:var(--space-4);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard)}.tree__row:hover{background:var(--color-bg-hover)}.tree__row.is-selected{background:var(--color-bg-selected);box-shadow:inset 2px 0 0 var(--blue-600)}.tree__row.is-selected .tree__name{color:var(--blue-700);font-weight:600}.tree__row.is-onpath{background:var(--gray-25)}.tree__row--all,.tree__row--l1{height:36px;padding-left:var(--space-5)}.tree__row--l1{padding-left:var(--space-5)}.tree__row--l2{height:32px;padding-left:28px}.tree__row--l3{height:30px;padding-left:44px}.tree__row--all{border-bottom:0}.tree__toggle{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;border:0;background:none;color:var(--gray-500);cursor:pointer}.tree__toggle:disabled{cursor:default;color:var(--gray-400)}.tree__toggle--static{color:var(--gray-500)}.tree__toggle svg{transition:transform var(--dur-fast) var(--ease-standard)}.tree__toggle svg.is-open{transform:rotate(90deg)}.tree__label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex:1;min-width:0;height:100%;padding:0 var(--space-3);border:0;background:none;text-align:left;cursor:pointer}.tree__name{font-size:13px;color:var(--gray-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree__row--all .tree__name,.tree__row--l1 .tree__name{font-weight:600;color:var(--gray-900)}.tree__row--l2 .tree__name{font-weight:500}.tree__row--l3 .tree__name{font-size:12.5px;color:var(--gray-600)}.tree__count{flex:0 0 auto;font-family:var(--font-num);font-size:11px;color:var(--gray-500)}.tree__children{display:grid;grid-template-rows:0fr;transition:grid-template-rows .18s var(--ease-standard)}.tree__children>ul{overflow:hidden;min-height:0}.tree__children.is-open{grid-template-rows:1fr}.tree__empty{display:flex;align-items:center;gap:6px;padding:var(--space-5);color:var(--color-text-tertiary);font-size:12px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.table-card{display:grid;grid-template-rows:auto 1fr auto;min-height:0;margin:0 var(--content-pad) var(--content-pad);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--gray-0);overflow:hidden;animation:fade-in-up var(--dur-base) var(--ease-out) both}.stale-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);height:40px;padding:0 var(--space-5);background:var(--danger-50);color:var(--danger-600);font-size:12px;border-bottom:1px solid var(--color-border)}.table-area{overflow:auto;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13px}.data-table thead th{position:sticky;top:0;z-index:var(--z-sticky-head);height:40px;padding:0 12px;background:var(--gray-50);border-bottom:1px solid var(--color-border);font-size:12px;font-weight:600;color:var(--gray-500);letter-spacing:.02em;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table th.is-right,.data-table td.is-right{text-align:right}.data-table th.is-center,.data-table td.is-center{text-align:center}.th__label,.th__sort{display:inline-flex;align-items:center;gap:5px}.th__sort{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;width:100%}.th__sort.is-active{color:var(--gray-900)}.th__sort-idle{opacity:0;transition:opacity var(--dur-fast)}.th__sort:hover .th__sort-idle{opacity:.6}.lock-icon{color:var(--warning-600)}.data-table th.is-restricted,.data-table td.is-restricted{border-left:1px dashed var(--color-border-strong)}.data-table tbody td{height:var(--row-h);padding:0 12px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);background:var(--gray-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table tbody tr{transition:background-color var(--dur-fast) var(--ease-standard)}.data-table tbody tr:hover td{background:var(--color-bg-row-hover)}.data-table tbody.is-stale tr td{opacity:.55}.data-table tbody tr:last-child td{border-bottom:0}.cell-model,.cell-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-model{font-family:var(--font-num);font-size:12.5px;letter-spacing:.01em}.cell-cost,.cell-margin{color:var(--gray-700)}.cell-margin--negative{color:var(--danger-600)}.thumb--zoomable{cursor:zoom-in}.img-preview{position:fixed;z-index:var(--z-modal);width:260px;height:260px;padding:6px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--gray-0);box-shadow:var(--shadow-3);pointer-events:none;animation:fade-in var(--dur-fast) var(--ease-out) both}.img-preview img{display:block;width:100%;height:100%;object-fit:contain;background:var(--gray-50);border-radius:var(--radius-xs)}@media (max-width: 1023px){.data-table th.col-image,.data-table td.col-image{position:sticky;left:0;z-index:var(--z-sticky-cell)}.data-table th.col-name,.data-table td.col-name{position:sticky;left:var(--sticky-col-w);z-index:var(--z-sticky-cell)}.data-table thead th.col-image,.data-table thead th.col-name{z-index:22}}@media (max-width: 767px){.data-table th.col-name,.data-table td.col-name{border-right:1px solid var(--color-border)}}.data-table--accounts{min-width:880px}.thumb{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--gray-100);overflow:hidden;vertical-align:middle}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.row-actions{display:inline-flex;gap:2px;opacity:0;transition:opacity var(--dur-fast)}.data-table tbody tr:hover .row-actions,.data-table tbody tr:focus-within .row-actions{opacity:1}.row-actions--text{gap:var(--space-5);opacity:1}@media (hover: none){.row-actions{opacity:1}}.row--skeleton td{height:var(--row-h)}.skeleton-bar{display:block;height:10px;border-radius:var(--radius-xs);background:var(--gray-100);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);height:48px;padding:0 var(--space-5);border-top:1px solid var(--color-border);background:var(--gray-0)}.pagination__total{font-size:12px;color:var(--color-text-tertiary)}.pagination__size{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-tertiary)}.pagination__size select{height:28px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--gray-0);font-size:12px;padding:0 4px}.pagination__pages{display:inline-flex;align-items:center;gap:var(--space-4);font-size:12px;color:var(--color-text-secondary)}.state{display:grid;justify-items:center;gap:var(--space-5);padding:56px var(--space-8);text-align:center}.state__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-full);background:var(--gray-50);color:var(--gray-400)}.state h3{font-size:15px;font-weight:600;color:var(--gray-700)}.state p{font-size:13px;color:var(--color-text-tertiary);max-width:460px}.state__path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.state--error{border-left:3px solid var(--danger-600);background:var(--danger-50);border-radius:var(--radius-md);margin:var(--space-8)}.state--error .state__icon{background:#b4232a1a;color:var(--danger-600)}.toast-host{position:fixed;top:calc(var(--topbar-h) + 12px);right:16px;z-index:var(--z-toast);display:grid;gap:var(--space-4);justify-items:end;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-4);min-width:220px;max-width:360px;padding:10px 12px;border-radius:var(--radius-md);box-shadow:var(--shadow-2);font-size:13px;animation:toast-in var(--dur-base) var(--ease-out) both;pointer-events:auto}.toast--success{background:var(--success-50);color:var(--success-600);border:1px solid rgba(30,122,75,.2)}.toast--error{background:var(--danger-50);color:var(--danger-600);border:1px solid rgba(180,35,42,.22)}.toast__close{display:grid;place-items:center;margin-left:auto;border:0;background:none;color:inherit;cursor:pointer;opacity:.7}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.modal-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center}.modal-host__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a1f3370;animation:fade-in var(--dur-base) var(--ease-out) both}.modal{position:relative;display:grid;grid-template-rows:auto 1fr auto;width:min(560px,calc(100% - 32px));max-height:88vh;background:var(--gray-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);overflow:hidden;animation:modal-in var(--dur-base) var(--ease-out) both}.modal--sm{width:min(420px,calc(100% - 32px))}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.modal__head h2{font-size:15px;font-weight:600}.modal__body{padding:var(--space-6);overflow-y:auto;min-height:0}.modal__body p{font-size:13px;color:var(--color-text-secondary);line-height:1.6}.modal__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border);background:var(--gray-25)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.98) translateY(6px)}to{opacity:1;transform:none}}.form,.form__row{display:grid;gap:var(--space-6)}.form__row--split{grid-template-columns:1fr 1fr}.form__error{min-height:18px;font-size:12px;color:var(--danger-600)}.field{display:grid;gap:5px;min-width:0}.field__label{font-size:12px;font-weight:500;color:var(--color-text-secondary)}.req{color:var(--danger-600);margin-left:2px}.field__error{font-size:12px;color:var(--danger-600)}.field__hint{font-size:11.5px;color:var(--color-text-tertiary)}.input{width:100%;height:34px;padding:0 10px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--gray-0);font-family:inherit;font-size:13px;color:var(--color-text-primary);outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.input.mono{font-family:var(--font-num)}.input.num{text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--blue-50)}.input:disabled{background:var(--gray-50);color:var(--gray-400);cursor:not-allowed}.input.is-invalid{border-color:var(--danger-600)}.input--inline{height:26px;font-size:12.5px}select.input{cursor:pointer}.input-wrap{position:relative;display:block}.input-wrap .input{padding-right:40px}.input-wrap__toggle{position:absolute;top:50%;right:4px;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:28px;border:0;background:none;color:var(--gray-500);cursor:pointer}.input-wrap__toggle:hover{color:var(--gray-700)}.cascade{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.image-field{display:flex;gap:var(--space-5);align-items:flex-start}.image-field__preview{display:grid;place-items:center;width:72px;height:72px;flex:0 0 72px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--gray-100);overflow:hidden}.image-field__preview img{width:100%;height:100%;object-fit:cover}.image-field__actions{display:grid;gap:6px;min-width:0}.cat-manager{display:grid;gap:var(--space-5)}.cat-manager__empty{font-size:13px;color:var(--color-text-tertiary)}.cat-add{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0}.cat-add--root{padding:var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md)}.cat-add--root .input{flex:1}.cat-tree,.cat-tree ul{list-style:none;margin:0;padding:0}.cat-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:34px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.cat-row:hover{background:var(--gray-50)}.cat-row--l1{padding-left:var(--space-3);font-weight:600}.cat-row--l2{padding-left:20px}.cat-row--l3{padding-left:36px;font-weight:400;color:var(--gray-600)}.cat-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-row__actions{display:inline-flex;align-items:center;gap:var(--space-5);flex:0 0 auto}.status-dot{display:inline-flex;align-items:center;gap:5px;font-size:12px}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%}.status-dot--on{color:var(--success-600)}.status-dot--on:before{background:var(--success-600)}.status-dot--off{color:var(--gray-500)}.status-dot--off:before{background:var(--gray-400)}.fab{display:none;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:48px;height:48px;border:0;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;box-shadow:var(--shadow-3);cursor:pointer;place-items:center;z-index:var(--z-drawer)}.login{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-6);background:var(--blue-900);background-image:radial-gradient(600px at 12% 8%,rgba(29,78,122,.55),transparent 70%)}.login__card{width:100%;max-width:380px;padding:32px;background:var(--gray-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);animation:modal-in var(--dur-base) var(--ease-out) both}.login__card--loading{display:grid;place-items:center;min-height:160px;color:var(--blue-600)}.login__brand{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-7)}.login__brand h1{font-size:18px;font-weight:600}.login__notice{display:flex;align-items:center;gap:6px;margin-bottom:var(--space-5);padding:8px 10px;border-radius:var(--radius-sm);background:var(--danger-50);color:var(--danger-600);font-size:12px}.login__setup{font-size:12.5px;color:var(--color-text-secondary);line-height:1.6;padding:10px 12px;border-radius:var(--radius-sm);background:var(--blue-50);border-left:3px solid var(--blue-600)}.login__form{display:grid;gap:var(--space-5)}.login__error{display:flex;align-items:center;gap:5px;min-height:20px;font-size:12px;color:var(--danger-600)}.login__foot{margin-top:var(--space-6);font-size:12px;color:var(--color-text-tertiary);text-align:center}@media (max-width: 1279px){.search{width:220px}}@media (max-width: 1023px){.topbar__icon-btn{display:inline-grid}.tree-shell{position:fixed;top:0;bottom:0;left:0;width:min(88vw,320px);z-index:var(--z-drawer);border-right:0;box-shadow:var(--shadow-3);transform:translate(-100%);transition:transform var(--dur-base) var(--ease-standard);visibility:hidden}.tree-shell.is-open{transform:none;visibility:visible}.tree-shell__scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1f3370;opacity:0;pointer-events:none;transition:opacity var(--dur-base)}.tree-shell.is-open .tree-shell__scrim{opacity:1;pointer-events:auto}.main{grid-template-columns:1fr}.tree__head{padding-left:calc(var(--topbar-h) * 0 + 16px)}}@media (max-width: 767px){.topbar{padding:0 12px;gap:var(--space-4)}.topbar__nav,.topbar__title{display:none}.topbar__right{position:fixed;top:var(--topbar-h);right:12px;flex-direction:column;align-items:stretch;gap:var(--space-4);min-width:200px;padding:var(--space-5);border-radius:var(--radius-md);background:var(--blue-800);box-shadow:var(--shadow-3);display:none}.topbar__right.is-open{display:flex}.topbar__divider{display:none}.topbar__signout{justify-content:center;border:1px solid rgba(255,255,255,.2)}.page-header{padding:var(--space-5) var(--content-pad) var(--space-4)}.toolbar{flex-direction:column;align-items:stretch;gap:var(--space-4);padding:0 var(--content-pad) var(--space-4)}.toolbar__left{flex-direction:column;align-items:stretch}.search{width:100%;height:36px}.toolbar__right{justify-content:flex-end}.table-card{margin:0 var(--content-pad) var(--content-pad)}.thumb{width:28px;height:28px;border-radius:var(--radius-xs)}.data-table thead th,.data-table tbody td{padding:0 10px}.fab{display:grid}.toolbar__right .btn--primary{display:none}.pagination{height:auto;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-5)}.pagination__size{order:3}.form__row--split,.cascade{grid-template-columns:1fr}.modal{align-self:end;width:100%;max-height:92vh;border-radius:12px 12px 0 0}.modal-host{align-items:end}.toast-host{top:auto;bottom:16px;right:12px;left:12px;justify-items:stretch}.toast{max-width:none}.row-actions{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.topbar__identity{display:flex;align-items:center;gap:var(--space-3)}.topbar__menu-links{display:none}.role-badge--purchasing{background:#82c34138;color:#e8f6d8}.content--single{grid-column:1 / -1}.page-header__stack{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.page-header__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.page-header__dot{margin:0 6px;color:var(--gray-400)}.bulk-bar{display:flex;align-items:center;gap:var(--space-3);margin:0 var(--content-pad) var(--space-4);padding:10px var(--space-4);border:1px solid var(--blue-200);border-radius:var(--radius-md);background:var(--blue-50)}.bulk-bar__count{font-size:13px;font-weight:600;color:var(--blue-800)}.bulk-bar .btn{margin-left:0}.bulk-bar .btn:first-of-type{margin-left:auto}.row-check{width:16px;height:16px;accent-color:var(--blue-600);cursor:pointer}.data-table tbody tr.is-selected td{background:var(--blue-50)}.data-table tbody tr.is-muted td{color:var(--gray-400)}.cell-en{color:var(--gray-600);font-size:12.5px}.tag{display:inline-block;padding:1px 8px;border-radius:var(--radius-full);font-size:11.5px;font-weight:600;line-height:18px}.tag--draft{background:var(--gray-100);color:var(--gray-600)}.tag--self{margin-left:6px;background:var(--blue-50);color:var(--blue-700)}.notice{display:flex;align-items:center;gap:var(--space-4);margin:0 var(--content-pad) var(--space-4);padding:10px var(--space-4);border:1px solid var(--blue-200);border-radius:var(--radius-md);background:var(--blue-50);font-size:13px;color:var(--blue-800)}.confirm-text{margin:0;font-size:13.5px;line-height:1.7;color:var(--gray-700)}.modal--wide{width:min(920px,calc(100vw - 32px))}.modal--wide .modal__body{max-height:min(72vh,760px)}.busy-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:#101a2452;color:var(--gray-0);font-size:13.5px}.boot--error{flex-direction:column;padding:24px}.boot__panel{width:min(460px,100%);padding:24px;border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-0);text-align:center;box-shadow:var(--shadow-2)}.boot__panel h1{margin:0 0 8px;font-size:16px;color:var(--gray-900)}.boot__panel p{margin:0 0 16px;font-size:13px;line-height:1.7;color:var(--gray-600);word-break:break-word}.saved-hint{position:fixed;right:18px;bottom:18px;z-index:var(--z-modal);padding:6px 12px;border-radius:var(--radius-full);background:var(--gray-800);color:var(--gray-0);font-size:12px}.rte{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--gray-0);overflow:hidden}.rte.is-disabled{background:var(--gray-50)}.rte__toolbar{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:6px 8px;border-bottom:1px solid var(--color-border);background:var(--gray-25)}.rte__btn{display:inline-grid;place-items:center;width:28px;height:28px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--gray-600);cursor:pointer}.rte__btn:hover:not(:disabled){background:var(--gray-100);color:var(--gray-800)}.rte__btn:disabled{opacity:.4;cursor:not-allowed}.rte__busy{margin-left:auto;font-size:12px;color:var(--gray-500)}.rte__body{position:relative}.rte__area{min-height:168px;max-height:420px;overflow:auto;padding:12px 14px;font-size:13.5px;line-height:1.75;color:var(--gray-800);outline:none}.rte__area:focus{box-shadow:inset 0 0 0 2px var(--blue-100)}.rte__area h3{margin:12px 0 6px;font-size:15px;font-weight:600}.rte__area ul,.rte__area ol{margin:6px 0;padding-left:22px}.rte__area img{max-width:100%;height:auto;border-radius:var(--radius-sm)}.rte__placeholder{position:absolute;top:12px;left:14px;pointer-events:none;color:var(--gray-400);font-size:13.5px}.rte__file{display:none}.detail{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:var(--space-6);margin:0 var(--content-pad) var(--content-pad);align-items:start}.detail__media{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--gray-0)}.detail__media img{display:block;width:100%;height:auto;border-radius:var(--radius-sm)}.spec-list{margin:0;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--gray-0)}.spec-list__row{display:grid;grid-template-columns:130px 1fr;gap:var(--space-4);padding:9px 0;border-bottom:1px solid var(--gray-100)}.spec-list__row:last-child{border-bottom:0}.spec-list dt{color:var(--gray-500);font-size:12.5px}.spec-list dd{margin:0;font-size:13.5px;color:var(--gray-800);word-break:break-word}.detail__body{grid-column:1 / -1;padding:var(--space-5) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--gray-0)}.detail__body h2{margin:0 0 var(--space-4);font-size:15px;font-weight:600}.detail__empty{margin:0;font-size:13.5px;color:var(--gray-500)}.rich-content{font-size:13.5px;line-height:1.85;color:var(--gray-700)}.rich-content h3{margin:16px 0 8px;font-size:15px;color:var(--gray-900)}.rich-content ul,.rich-content ol{margin:8px 0;padding-left:24px}.rich-content img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:8px 0}.quote{display:grid;gap:var(--space-5);margin:0 var(--content-pad) var(--content-pad)}.quote__card{padding:var(--space-5) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--gray-0)}.quote__card h2{margin:0 0 var(--space-5);font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--gray-800)}.quote__items{border:1px solid var(--color-border);border-radius:var(--radius-sm);max-height:460px}.quote__items .data-table{min-width:1000px}.data-table--quote tfoot td{padding:10px 12px;border-top:1px solid var(--color-border);background:var(--gray-50);font-size:13px}.input--cell{width:100%;height:30px;padding:0 8px;font-size:12.5px}.input--cell.is-number{text-align:right;font-variant-numeric:tabular-nums}.quote__foot{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap}textarea.input{height:auto;min-height:76px;padding:10px 12px;line-height:1.6;resize:vertical;font-family:inherit}@media (max-width: 1023px){.detail{grid-template-columns:1fr}.quote{margin-left:12px;margin-right:12px}.quote__card{padding:var(--space-4)}}@media (max-width: 767px){.topbar__menu-links{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid rgba(255,255,255,.14)}.topbar__menu-links .topbar__link{padding:8px 10px}.bulk-bar{flex-wrap:wrap;margin-left:12px;margin-right:12px}.bulk-bar__count{width:100%}.bulk-bar .btn:first-of-type{margin-left:0}.page-header__actions{width:100%}.modal--wide{width:calc(100vw - 16px)}.spec-list__row{grid-template-columns:96px 1fr;gap:var(--space-3)}}.role-badge{color:#111418}.role-badge--general_manager{background:#dbe7f6}.role-badge--admin{background:#e6eaf0}.role-badge--purchasing{background:#e7f2dc}.role-badge--employee{background:#edf0f3}.topbar .role-badge{background:#ffffffeb;color:#111418}.data-table .cell-name{padding:0;border:0;background:none;color:var(--gray-900);font:inherit;font-weight:600;text-align:left;cursor:pointer}.data-table .cell-name:hover{color:var(--blue-700);text-decoration:underline;text-underline-offset:3px}.quote__cards{display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:start}@media (min-width: 1024px){.quote__cards{grid-template-columns:1fr 1fr}}.catalog-preview__frame{display:grid;place-items:center;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--gray-50);max-height:62vh;overflow:auto}.catalog-preview__frame img{display:block;width:auto;max-width:100%;max-height:58vh;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-2)}.combo{position:relative}.combo__menu{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;max-height:244px;overflow:auto;padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--gray-0);box-shadow:var(--shadow-3)}.combo__item{display:block;width:100%;padding:7px 10px;border:0;border-radius:var(--radius-sm);background:none;text-align:left;font-size:13px;color:var(--gray-800);cursor:pointer}.combo__item:hover,.combo__item.is-active{background:var(--blue-50)}.combo__meta{display:block;margin-top:2px;font-size:11.5px;color:var(--gray-500)}.combo__empty{padding:10px 12px;font-size:12.5px;color:var(--gray-500)}.main,.content,.quote,.quote__cards,.quote__card,.quote__items{min-width:0}.table-area{overscroll-behavior:contain}.content--quote{overflow:hidden;min-height:0}.content--quote .quote{display:flex;flex-direction:column;gap:var(--space-4);min-height:0;overflow:hidden}.content--quote .quote__cards{flex:0 0 auto}.content--quote .quote__card--wide{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.content--quote .quote__card--wide .quote__items{flex:1 1 auto;min-height:0;max-height:none;overflow:auto}@media (max-width: 1023px),(max-height: 700px){.content--quote,.content--quote .quote,.content--quote .quote__card--wide{overflow:visible}.content--quote .quote__card--wide .quote__items{max-height:460px}}@media (min-width: 1024px){.content--quote .form__row--triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);align-items:start}}.content--quote .quote__card{padding:12px 16px}.content--quote .quote__card h2{margin-bottom:10px;font-size:13px}.content--quote .quote__card .form{gap:6px}.content--quote .quote__card .field__hint{margin-top:2px;font-size:11px;line-height:1.3}.content--quote .quote__foot{padding-top:8px}.content--quote .quote .form__row{margin-bottom:6px}.content--quote{grid-template-rows:auto minmax(0,1fr)}.content--quote .quote__cards{align-items:stretch}.main,.tree-shell{min-height:0}.tree__scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0}.content{grid-template-rows:auto auto minmax(0,1fr)}.table-area{min-height:0}@media (min-width: 1024px){.data-table th.is-frozen,.data-table td.is-frozen{position:sticky;z-index:var(--z-sticky-cell)}.data-table thead th.is-frozen{z-index:22}.data-table th.is-frozen-last,.data-table td.is-frozen-last{border-right:1px solid var(--gray-300)}}.content--quote{grid-template-rows:auto auto minmax(0,1fr);overflow:visible}.content--quote .quote{display:block;overflow:visible}.content--quote .quote__cards{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-bottom:var(--space-5)}@media (min-width: 1024px){.content--quote .quote__cards{grid-template-columns:1fr 1fr}}.content--quote .quote__card--wide{display:block;overflow:visible}.content--quote .quote__card--wide .quote__items{max-height:none;overflow-x:auto}.content--preview{grid-template-rows:auto minmax(0,1fr)}.preview-scroll{overflow:auto;min-height:0;padding:0 var(--content-pad) var(--content-pad)}.preview-host{display:flex;justify-content:center;padding-bottom:var(--space-6)}.preview-host>div{border:1px solid var(--color-border);box-shadow:var(--shadow-2)}.preview-host--loading{flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--gray-500);font-size:13px}.input--cell{width:100%;min-width:0;padding:4px 6px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;font:inherit;color:inherit}.input--cell:hover{border-color:var(--gray-300)}.input--cell:focus{outline:none;border-color:var(--color-accent);background:var(--gray-0)}.quote__items-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.quote__items-actions{display:flex;align-items:center;gap:var(--space-2)}.product-picker__search{margin-bottom:var(--space-4)}.product-picker__list{max-height:46vh;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.product-picker__row{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:var(--space-3);width:100%;padding:8px 12px;border:0;border-bottom:1px solid var(--gray-100);background:none;text-align:left;cursor:pointer}.product-picker__row:hover{background:var(--blue-50)}.product-picker__row:last-child{border-bottom:0}.product-picker__name{font-size:13px;color:var(--gray-900)}.product-picker__meta{font-size:11.5px;color:var(--gray-500)}.content--quote{grid-template-rows:auto auto auto;overflow-y:auto;min-height:0}.content--quote::-webkit-scrollbar{width:10px}.content--quote::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}.content--scroll{grid-template-rows:auto auto auto;overflow-y:auto;min-height:0}.content--scroll::-webkit-scrollbar{width:10px}.content--scroll::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}.pagination__size{white-space:nowrap;flex:0 0 auto}.data-table .cell-name,.data-table .thumb{text-decoration:none}.qp{max-width:900px;margin:0 auto;padding:28px 32px 36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--gray-0);box-shadow:var(--shadow-2)}.qp__supplier{margin:0;font-size:22px;font-weight:800;line-height:1.3;text-align:center;color:var(--gray-900)}.qp__title{margin:10px 0 0;font-size:17px;font-weight:700;letter-spacing:.24em;text-align:center;color:var(--blue-700)}.qp__meta{margin:14px 0 0;padding-bottom:12px;border-bottom:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:center;font-size:13px;color:var(--gray-700)}.qp__meta b{font-weight:700;color:var(--gray-900)}.qp__parties{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.qp__party{border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:10px 14px}.qp__party h3{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--gray-500)}.qp__party dl{margin:0;display:grid;grid-template-columns:84px 1fr;gap:4px 10px;font-size:12.5px}.qp__party dt{color:var(--gray-500)}.qp__party dd{margin:0;color:var(--gray-900);word-break:break-word}.qp__section-title{margin:22px 0 10px;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--gray-500)}.qp__table{width:100%;border-collapse:collapse;font-size:12.5px}.qp__table th,.qp__table td{border:1px solid var(--gray-200);padding:7px 8px;vertical-align:middle;text-align:center}.qp__table th{background:var(--gray-50);font-weight:700;white-space:nowrap}.qp__table td.is-left{text-align:left}.qp__table .qp__thumb{width:56px;height:56px;object-fit:contain;display:block;margin:0 auto;border:1px solid var(--gray-200)}.qp__total{margin-top:14px;display:flex;justify-content:flex-end;gap:32px;font-size:13px}.qp__total b{font-weight:800;color:var(--gray-900)}.qp__remarks{margin-top:18px;padding-top:12px;border-top:1px solid var(--gray-200);font-size:12.5px;color:var(--gray-700);white-space:pre-wrap;word-break:break-word}@media (max-width: 767px){.qp{padding:18px 14px 22px}.qp__parties{grid-template-columns:1fr}}.image-field{flex-direction:column;gap:10px}.image-grid{display:flex;flex-wrap:wrap;gap:10px}.image-cell{position:relative;width:108px;margin:0;padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--gray-0)}.image-cell.is-primary{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--blue-100)}.image-cell img{display:block;width:100%;height:78px;object-fit:cover;border-radius:2px;background:var(--gray-100)}.image-cell__tag{padding-top:3px;font-size:10.5px;text-align:center;color:var(--gray-500)}.image-cell.is-primary .image-cell__tag{color:var(--blue-700);font-weight:700}.image-cell__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding-top:2px}.image-cell__actions .link-btn{font-size:11px}.image-cell--empty{opacity:.65}.image-add{display:grid;place-items:center;gap:4px;width:108px;height:122px;padding:6px;border:1px dashed var(--gray-300);border-radius:var(--radius-sm);background:var(--gray-25);color:var(--gray-500);font-size:11.5px;cursor:pointer}.image-add:hover:not(:disabled){border-color:var(--color-accent);color:var(--blue-700)}.detail{grid-template-columns:1fr 1fr;gap:var(--space-5)}.detail__body{grid-column:1 / -1}.gallery{display:grid;gap:10px}.gallery__stage{display:grid;place-items:center;aspect-ratio:1 / 1;padding:8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--gray-0);overflow:hidden}.gallery__stage img{display:block;max-width:100%;max-height:100%;object-fit:contain}.gallery__thumbs{display:flex;flex-wrap:wrap;gap:8px}.gallery__thumb{position:relative;width:64px;height:64px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--gray-0);cursor:pointer;overflow:hidden}.gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}.gallery__thumb.is-active{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--blue-100)}.gallery__badge{position:absolute;left:0;bottom:0;padding:1px 5px;border-radius:0 var(--radius-sm) 0 0;background:#102c47c7;color:#fff;font-size:10px}@media (max-width: 1023px){.detail{grid-template-columns:1fr}}@media (min-width: 1024px){.detail{grid-template-columns:minmax(0,.64fr) minmax(0,1.36fr);gap:var(--space-5);align-items:stretch}.detail__media{display:flex;flex-direction:column}.gallery{grid-template-rows:minmax(0,1fr) auto auto;flex:1;min-height:0}.gallery__stage{aspect-ratio:auto;min-height:220px}.gallery__stage img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}}.gallery__download{width:100%;justify-content:center}.icon-btn--xs{width:18px;height:18px;border-radius:3px}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.image-cell,.image-add{width:122px}.image-add{height:148px}.import{display:grid;gap:12px}.import__steps{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.import__busy{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}.import__summary{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:var(--color-text-secondary)}.import__summary b{font-weight:700;color:var(--color-text-primary)}.import__summary .is-ok b,.import__ok{color:var(--success-600)}.import__summary .is-bad b,.import__error{color:var(--danger-600)}.import__warn{margin:0;padding:8px 10px;border-radius:var(--radius-sm);background:var(--warning-50);color:var(--warning-600);font-size:12.5px}.import__table-wrap{max-height:320px;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.import__table{width:100%;font-size:12.5px}.import__table thead th{position:sticky;top:0;z-index:1;background:var(--gray-50)}.import__table tr.is-invalid td{background:var(--danger-50)}.import__result{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--gray-25);font-size:13px}.import__result p{margin:0}.import__result p.is-ok{color:var(--success-600);font-weight:700}.import__result p.is-bad{color:var(--danger-600);font-weight:700}.import__list{margin:8px 0 0;padding-left:18px;color:var(--danger-600);font-size:12.5px;max-height:160px;overflow:auto}.import__list--note{color:var(--warning-600)}