.page-head{margin-bottom:var(--s-5)}.page-head__sub{margin-top:var(--s-1);color:var(--c-ink-3);font-size:var(--fs-sm)}.page-card{background:var(--c-surface);border:1px solid #d7e0eb;border-radius:var(--r-md);padding:var(--s-5);box-shadow:var(--shadow-xs)}.login-shell{min-height:100dvh;width:100%;background:var(--c-login-bg);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:var(--s-5) var(--s-4);box-sizing:border-box;color:#ffffff;overflow-x:hidden}.login-shell:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 0);background-size:28px 28px;pointer-events:none}.login-topbar{position:relative;z-index:2;justify-content:space-between;max-width:1100px;width:100%;margin:0 auto;padding:var(--s-2) 0}.login-brand,.login-topbar{display:flex;align-items:center}.login-brand{gap:var(--s-3);text-decoration:none;color:#ffffff}.login-brand__flame{width:32px;height:38px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 6px rgba(234,179,8,.4))}.login-brand__text{display:flex;flex-direction:column}.login-brand__title{font-size:var(--fs-md);font-weight:700;line-height:1.25;letter-spacing:-.01em}.login-brand__sub{font-size:var(--fs-xs);color:rgba(255,255,255,.7);letter-spacing:.02em}.login-system-pill{display:inline-flex;align-items:center;gap:var(--s-2);padding:6px 14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:500;color:#ffffff}.login-system-pill__dot{width:7px;height:7px;background:#38bdf8;border-radius:var(--r-full);box-shadow:0 0 8px #38bdf8}.login-container{position:relative;z-index:2;width:100%;max-width:1020px;margin:var(--s-4) auto;display:flex;justify-content:center;align-items:center}.login-card{width:100%;background:var(--c-surface);color:var(--c-ink);border-radius:24px;box-shadow:0 25px 60px -15px rgba(0,15,45,.5),0 0 0 1px rgba(255,255,255,.1);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;min-height:480px}.login-left{padding:44px 40px;display:flex;flex-direction:column;justify-content:space-between}.login-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--c-info-bg);color:var(--c-primary);border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--s-3);width:-moz-fit-content;width:fit-content}.login-badge--dev{background:#ecfdf5;color:#047857}.login-badge__dot{width:6px;height:6px;background:#10b981;border-radius:var(--r-full)}.login-title{font-size:var(--fs-2xl);font-weight:700;color:var(--c-primary);margin-bottom:var(--s-1)}.login-subtitle{font-size:var(--fs-sm);color:var(--c-ink-3);line-height:1.5;margin-bottom:var(--s-5)}.login-sso-btn{width:100%;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-3);background:var(--c-brand-gradient);color:#ffffff;border:none;border-radius:var(--r-md);font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:transform var(--t-fast),box-shadow var(--t-fast),opacity var(--t-fast);box-shadow:0 4px 14px rgba(29,78,158,.35)}.login-sso-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(29,78,158,.45);color:#ffffff}.login-sso-btn:active{transform:translateY(0)}.login-sso-info{margin-top:var(--s-3);display:flex;align-items:center;gap:var(--s-2);padding:10px 14px;background:var(--c-surface-low);border:1px solid var(--c-line-soft);border-radius:var(--r-md);font-size:var(--fs-xs);color:var(--c-ink-3)}.login-sso-info__dot{width:6px;height:6px;background:#10b981;border-radius:var(--r-full);flex-shrink:0}.login-dev-form{gap:var(--s-4);margin:var(--s-4) 0}.login-dev-form,.login-field{display:flex;flex-direction:column}.login-field{gap:6px}.login-field__label{font-size:var(--fs-sm);font-weight:600;color:var(--c-ink-2)}.login-field__label-req{color:var(--c-danger)}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:14px;color:var(--c-ink-dim);pointer-events:none}.login-input{width:100%;height:48px;padding:0 14px 0 44px;border:1.5px solid var(--c-line);border-radius:var(--r-md);font-size:var(--fs-md);font-family:inherit;color:var(--c-ink);background:var(--c-surface);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.login-input:focus{outline:none;border-color:var(--c-secondary);box-shadow:0 0 0 3px rgba(10,123,196,.18)}.login-field__help{font-size:var(--fs-xs);color:var(--c-ink-3)}.login-alert{padding:var(--s-2) var(--s-3);border-radius:var(--r-md);background:var(--c-danger-bg);color:var(--c-danger);font-size:var(--fs-sm)}.login-submit-btn:disabled{opacity:.6;cursor:progress;transform:none}.login-submit-btn{width:100%;height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);background:var(--c-brand-gradient);color:#ffffff;border:none;border-radius:var(--r-md);font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:transform var(--t-fast),box-shadow var(--t-fast);box-shadow:0 4px 14px rgba(29,78,158,.3)}.login-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(29,78,158,.4)}.login-back-btn{background:none;border:none;color:var(--c-ink-3);font-size:var(--fs-sm);cursor:pointer;padding:var(--s-2);display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:color var(--t-fast)}.login-back-btn:hover{color:var(--c-primary)}.login-role-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s-2)}.login-role-chip{padding:4px 10px;background:var(--c-surface-low);border:1px solid var(--c-line);border-radius:var(--r-full);font-size:var(--fs-xs);color:var(--c-ink-2);cursor:pointer;transition:all var(--t-fast)}.login-role-chip:hover{background:var(--c-secondary-container);color:var(--c-primary);border-color:var(--c-secondary)}.login-left__footer{margin-top:var(--s-4);font-size:11px;color:var(--c-ink-dim);display:flex;flex-direction:column;gap:4px}.login-left__footer-support{display:flex;align-items:center;gap:6px;color:var(--c-ink-3)}.login-right{background:linear-gradient(180deg,#f8fbff,#edf5fc);border-left:1px solid var(--c-line-soft);padding:44px 36px;justify-content:space-between}.login-right,.login-right__header{display:flex;flex-direction:column;align-items:center}.login-right__header{text-align:center}.login-right__logo{width:64px;height:64px;background:#ffffff;border-radius:18px;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--s-3)}.login-right__tag{display:inline-block;padding:3px 10px;background:#e1effe;color:var(--c-primary);border-radius:var(--r-full);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.login-right__title{font-size:var(--fs-lg);font-weight:700;color:var(--c-ink);line-height:1.3}.login-right__subtitle{font-size:var(--fs-xs);color:var(--c-ink-3);margin-top:2px}.login-features-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s-3);gap:var(--s-3);width:100%;margin:var(--s-4) 0}.login-feature-card{background:#ffffff;border:1px solid rgba(226,232,240,.8);border-radius:var(--r-md);padding:var(--s-3);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:4px;transition:transform var(--t-fast),box-shadow var(--t-fast)}.login-feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.login-feature-icon{width:28px;height:28px;border-radius:8px;background:var(--c-info-bg);color:var(--c-secondary);display:flex;align-items:center;justify-content:center;margin-bottom:2px}.login-feature-icon .icon{width:16px;height:16px}.login-feature-name{font-size:var(--fs-xs);font-weight:700;color:var(--c-ink);line-height:1.3}.login-feature-desc{font-size:10px;color:var(--c-ink-3);line-height:1.3}.login-indicators{display:flex;align-items:center;gap:6px}.login-indicator-bar{width:24px;height:4px;border-radius:var(--r-full);background:var(--c-primary)}.login-indicator-dot{width:8px;height:4px;border-radius:var(--r-full);background:#cbd5e1}@media (max-width:900px){.login-card{grid-template-columns:1fr;max-width:500px}.login-right{display:none}.login-left{padding:var(--s-5) var(--s-4)}}.dash-home{gap:var(--s-6);max-width:1200px;margin:0 auto}.dash-hero,.dash-home{display:flex;flex-direction:column}.dash-hero{background:linear-gradient(135deg,#ffffff,#f4f8fd);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--shadow-xs);gap:var(--s-3);position:relative;overflow:hidden}.dash-hero:before{content:"";position:absolute;top:0;right:0;width:320px;height:100%;background:radial-gradient(circle at 80% 20%,rgba(29,78,158,.08) 0,transparent 70%);pointer-events:none}.dash-hero__badge{display:inline-flex;align-items:center;gap:6px;background:var(--c-surface-container);color:var(--c-primary);padding:4px 12px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:600;width:-moz-fit-content;width:fit-content}.dash-hero__badge .icon{width:14px;height:14px}.dash-hero__title{font-size:var(--fs-2xl);font-weight:700;color:var(--c-ink);letter-spacing:-.02em;margin:0}.dash-hero__desc{font-size:var(--fs-md);color:var(--c-ink-2);line-height:1.6;max-width:820px;margin:0}.dash-user-card{margin-top:var(--s-3);display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4);background:#ffffff;border:1px solid var(--c-line-soft);border-radius:var(--r-md);box-shadow:var(--shadow-xs)}.dash-user-card__avatar{width:48px;height:48px;border-radius:50%;background:var(--c-brand-gradient);color:#ffffff;display:grid;place-items:center;font-size:var(--fs-lg);font-weight:700;flex-shrink:0;box-shadow:0 4px 12px rgba(29,78,158,.2)}.dash-user-card__info{display:flex;flex-direction:column;gap:2px;flex:1 1}.dash-user-card__name{display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-md);font-weight:700;color:var(--c-ink)}.dash-user-card__code{font-size:var(--fs-xs);font-weight:500;color:var(--c-primary);background:var(--c-surface-low);padding:2px 8px;border-radius:var(--r-sm);border:1px solid var(--c-line-soft)}.dash-user-card__dept{font-size:var(--fs-sm);color:var(--c-ink-3)}.dash-user-card__badge{display:inline-flex;align-items:center;gap:8px;background:var(--c-surface-low);border:1px solid var(--c-line);color:var(--c-ink);font-size:var(--fs-xs);font-weight:600;padding:6px 14px;border-radius:var(--r-full)}.dash-user-card__dot{width:8px;height:8px;border-radius:50%;background:#10b981}.dash-section{display:flex;flex-direction:column;gap:var(--s-4)}.dash-section__head{display:flex;align-items:flex-end;justify-content:space-between}.dash-section__title{font-size:var(--fs-lg);font-weight:700;color:var(--c-ink);margin:0}.dash-section__sub{font-size:var(--fs-sm);color:var(--c-ink-3);margin:4px 0 0}.dash-roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--s-4);gap:var(--s-4)}.dash-role-card{background:#ffffff;border:1.5px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3);box-shadow:var(--shadow-xs);transition:transform var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}.dash-role-card:hover{transform:translateY(-2px);border-color:var(--c-secondary);box-shadow:var(--shadow-md)}.dash-role-card.is-active{border-color:var(--c-primary);background:linear-gradient(180deg,#ffffff,#f6faff);box-shadow:0 4px 16px rgba(29,78,158,.08)}.dash-role-card__top{display:flex;align-items:center;justify-content:space-between}.dash-role-card__icon{width:40px;height:40px;border-radius:var(--r-md);background:var(--c-surface-low);color:var(--c-primary);display:grid;place-items:center}.dash-role-card.is-active .dash-role-card__icon{background:var(--c-primary);color:#ffffff}.dash-role-card__icon .icon{width:20px;height:20px}.dash-role-card__status-badge{font-size:var(--fs-xs);font-weight:600;padding:3px 10px;border-radius:var(--r-full);background:var(--c-surface-low);color:var(--c-ink-3);border:1px solid var(--c-line-soft)}.dash-role-card__status-badge.is-current{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.dash-role-card__title{font-size:var(--fs-md);font-weight:700;color:var(--c-ink);margin:0}.dash-role-card__desc{font-size:var(--fs-sm);color:var(--c-ink-3);line-height:1.55;margin:0;flex:1 1}.dash-role-card__actions{margin-top:var(--s-2)}.dash-role-card__btn{display:inline-flex;align-items:center;justify-content:space-between;width:100%;padding:8px 14px;font-size:var(--fs-sm);font-weight:600;border-radius:var(--r-md);text-decoration:none;background:var(--c-surface-low);color:var(--c-primary);border:1px solid var(--c-line);box-sizing:border-box;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.dash-role-card__btn:hover{background:var(--c-primary);color:#ffffff;border-color:var(--c-primary)}.dash-role-card__btn .icon{width:16px;height:16px}.dash-role-card__btn.is-active-btn{background:var(--c-primary);color:#ffffff;border-color:var(--c-primary);justify-content:center;gap:8px;cursor:default}.dash-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--s-4);gap:var(--s-4)}.dash-info-card{display:flex;align-items:flex-start;gap:var(--s-3);background:#ffffff;border:1px solid var(--c-line-soft);border-radius:var(--r-md);padding:var(--s-4);box-shadow:var(--shadow-xs)}.dash-info-card__icon{width:36px;height:36px;border-radius:var(--r-sm);background:var(--c-surface-low);color:var(--c-secondary);display:grid;place-items:center;flex-shrink:0}.dash-info-card__icon .icon{width:18px;height:18px}.dash-info-card__title{font-size:var(--fs-sm);font-weight:700;color:var(--c-ink);margin:0 0 4px}.dash-info-card__desc{font-size:var(--fs-xs);color:var(--c-ink-3);line-height:1.5;margin:0}@media (max-width:768px){.dash-user-card{flex-direction:column;align-items:flex-start}.dash-user-card__badge{align-self:stretch;justify-content:center}}.users-view{display:flex;flex-direction:column;gap:var(--s-4);width:100%;max-width:100%;margin:0}.users-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--s-3)}.users-header__title{font-size:var(--fs-2xl);font-weight:800;color:var(--c-ink);margin:0;letter-spacing:-.01em}.users-header__sub{color:var(--c-ink-3);font-size:var(--fs-sm);margin-top:4px;margin-bottom:0}.users-btn-create{display:inline-flex;align-items:center;gap:8px;background:var(--c-primary,#1d4e9e);color:#ffffff;border:1px solid #1e40af;border-radius:var(--r-md);padding:9px 18px;font-size:var(--fs-sm);font-weight:700;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.08);transition:background-color var(--t-fast),border-color var(--t-fast)}.users-btn-create:hover{background:#1e40af;border-color:#1e3a8a;color:#ffffff}.users-kpi-strip{display:flex;align-items:center;background:#ffffff;border:1px solid #cbd5e1;border-radius:var(--r-md);padding:12px 20px;gap:20px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.users-kpi-item{display:flex;flex-direction:column;gap:2px}.users-kpi-label{font-size:12px;font-weight:600;color:var(--c-ink-3);display:inline-flex;align-items:center;gap:6px}.users-kpi-value{font-size:20px;font-weight:800;color:var(--c-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2}.users-kpi-value--active{color:#047857}.users-kpi-value--inactive{color:#64748b}.users-kpi-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.users-kpi-dot--active{background:#10b981}.users-kpi-dot--inactive{background:#94a3b8}.users-kpi-divider{width:1px;height:32px;background:#e2e8f0}.users-toolbar{justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;background:#ffffff;padding:10px 14px;border:1px solid #cbd5e1;border-radius:var(--r-md);box-shadow:0 1px 2px rgba(0,0,0,.03)}.users-filters,.users-toolbar{display:flex;align-items:center}.users-filters{gap:12px;flex:1 1;min-width:280px;flex-wrap:wrap}.users-search-box{position:relative;width:300px;min-width:200px}.users-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--c-ink-dim);pointer-events:none;display:flex;align-items:center}.users-search-input{width:100%;height:36px;padding:0 12px 0 34px;border:1.5px solid #cbd5e1;border-radius:6px;font-size:13.5px;font-family:inherit;color:var(--c-ink);background:#ffffff;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.users-search-input:focus{outline:none;border-color:var(--c-secondary,#0a7bc4);box-shadow:0 0 0 3px rgba(10,123,196,.12)}.users-role-pills{display:flex;align-items:center;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2px 0}.users-role-pill{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:12.5px;font-weight:600;color:#475569;cursor:pointer;white-space:nowrap;transition:all .15s ease;line-height:1}.users-role-pill:hover{background:#f1f5f9;border-color:#94a3b8;color:#1e293b}.users-role-pill--active{background:#1d4e9e;border-color:#1e40af;color:#ffffff}.users-role-pill--active:hover{background:#1e40af;color:#ffffff}.users-stats-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-weight:600;color:var(--c-ink-2);white-space:nowrap}.user-profile-cell{display:flex;align-items:center;gap:10px}.user-avatar-initial{width:34px;height:34px;border-radius:50%;background:#eff6ff;border:1.5px solid #bfdbfe;color:#1d4e9e;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.user-profile-info{display:flex;flex-direction:column;min-width:0}.user-dept-text{font-weight:500;color:#1e293b}.users-mobile-cards{display:none}@media (max-width:1024px){.users-header{flex-direction:row;justify-content:space-between;align-items:center}.users-btn-create{padding:8px 14px;font-size:13.5px}.users-kpi-strip{padding:10px 16px;gap:16px;overflow-x:auto}.users-toolbar{gap:10px;padding:12px}.users-filters,.users-toolbar{flex-direction:column;align-items:stretch}.users-filters{width:100%;gap:8px}.users-search-box{width:100%;max-width:100%}.users-role-pills{width:100%;padding-bottom:4px}.users-stats-badge{align-self:flex-start}}@media (max-width:820px){.users-table-card{display:none!important}.users-mobile-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:12px;gap:12px;width:100%;padding-bottom:24px}.user-card-item{background:#ffffff;border:1px solid #cbd5e1;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:border-color var(--t-fast)}.user-card-item__top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px dashed #e2e8f0}.user-card-item__identity{display:flex;flex-direction:column;gap:2px}.user-card-item__name{font-size:15px;font-weight:700;color:#0f172a;line-height:1.35}.user-card-item__sub{font-size:12.5px;color:#64748b;word-break:break-all}.user-card-item__dept-row{display:flex;align-items:flex-start;gap:8px;background:#f8fafc;border-radius:6px;padding:6px 10px;font-size:12.5px}.user-card-item__dept-label{color:#64748b;font-weight:600;flex-shrink:0;font-size:11.5px}.user-card-item__dept-value{color:#1e293b;font-weight:500}.user-card-item__roles-section{display:flex;flex-direction:column;gap:5px}.user-card-item__roles-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.user-card-item__roles{display:flex;flex-wrap:wrap;gap:5px}.user-card-item__actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:2px;padding-top:10px;border-top:1px solid #f1f5f9}.user-card-item__actions button{min-height:38px;justify-content:center;font-size:12.5px;font-weight:600;border-radius:6px}}@media (max-width:480px){.users-mobile-cards{grid-template-columns:1fr}.users-kpi-item--roles{display:none}}.users-table-card{background:#ffffff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden}.users-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.users-table-scroll::-webkit-scrollbar{height:8px}.users-table-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.users-table-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px;border:1px solid #cbd5e1}.users-table-scroll::-webkit-scrollbar-thumb:hover{background:#64748b}.users-table-scroll{scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9}.users-grid-table{width:100%;min-width:880px;border-collapse:collapse;text-align:left}.users-grid-table thead tr{background:#f1f5f9;border-bottom:2px solid #94a3b8}.users-grid-table th{padding:12px 14px;font-size:12px;font-weight:800;color:#1e293b;letter-spacing:.04em;text-transform:uppercase;border-right:1px solid #cbd5e1;white-space:nowrap}.users-grid-table th:last-child{border-right:none}.users-grid-table tbody tr{border-bottom:1px solid #cbd5e1;transition:background .15s ease;background:#ffffff}.users-grid-table tbody tr:hover{background:#f8fafc}.users-grid-table tbody tr:last-child{border-bottom:none}.users-grid-table td{padding:12px 14px;vertical-align:middle;border-right:1px solid #cbd5e1;font-size:13.5px;color:#0f172a}.users-grid-table td:last-child{border-right:none}.col-staff-code{width:130px;text-align:center}.staffcode-badge{display:inline-block;padding:4px 10px;background:#ffffff;border:1px solid #94a3b8;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;font-weight:700;color:#0f172a;letter-spacing:.03em}.col-user-name{min-width:230px}.user-name-text{font-size:14px;font-weight:700;color:#0f172a;line-height:1.35}.user-email-text{font-size:12px;color:#64748b;margin-top:2px}.col-department{min-width:180px;color:#334155;font-size:13px;line-height:1.4}.col-roles{min-width:200px}.role-tags-container{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.role-tag-clean{display:inline-block;padding:3px 8px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;font-size:12px;font-weight:600;color:#334155;white-space:nowrap}.division-tag-clean{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;font-size:11.5px;font-weight:600;color:#1d4ed8;white-space:nowrap}.col-status{width:120px;text-align:center}.status-text-clean{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.status-text-clean--active{color:#047857}.status-text-clean--inactive{color:#b91c1c}.status-dot-clean{width:7px;height:7px;border-radius:50%}.status-text-clean--active .status-dot-clean{background:#10b981}.status-text-clean--inactive .status-dot-clean{background:#ef4444}.col-actions{width:160px;text-align:center;white-space:nowrap}.actions-group{gap:8px}.actions-group,.btn-action-edit{display:inline-flex;align-items:center}.btn-action-edit{background:#ffffff;color:#1d4e9e;border:1px solid #cbd5e1;border-radius:4px;padding:5px 10px;font-size:12px;font-weight:600;gap:4px;cursor:pointer;transition:all .15s ease}.btn-action-edit:hover{background:#f0f7ff;border-color:#93c5fd;color:#1e40af}.btn-action-edit .icon{width:14px;height:14px}.btn-action-toggle{background:#ffffff;border:1px solid #cbd5e1;border-radius:4px;padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center}.btn-action-toggle--deactivate{color:#64748b}.btn-action-toggle--deactivate:hover{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.btn-action-toggle--activate{color:#047857}.btn-action-toggle--activate:hover{background:#f0fdf4;border-color:#86efac;color:#15803d}.users-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--s-4);animation:fadeIn .15s ease-out}.users-modal-content{background:#ffffff;border-radius:var(--r-lg);box-shadow:var(--shadow-lg),0 0 0 1px rgba(0,0,0,.05);width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:scaleUp .15s ease-out}.users-modal-head{padding:16px 20px;border-bottom:1px solid var(--c-line-soft);display:flex;align-items:center;justify-content:space-between;background:#f8fafc}.users-modal-title{font-size:var(--fs-lg);font-weight:700;color:var(--c-ink);margin:0}.users-modal-close-btn{background:none;border:none;font-size:20px;line-height:1;color:var(--c-ink-3);cursor:pointer;padding:4px;border-radius:var(--r-sm)}.users-modal-close-btn:hover{color:var(--c-ink);background:var(--c-surface-low)}.users-modal-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.users-modal-foot{padding:12px 20px;border-top:1px solid var(--c-line-soft);background:var(--c-surface-low);display:flex;align-items:center;justify-content:flex-end;gap:var(--s-3)}.users-form-group{display:flex;flex-direction:column;gap:4px}.users-form-label{font-size:13px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:4px}.users-form-req{color:#dc2626}.users-form-hint{font-size:11.5px;color:#64748b;margin-top:2px}.users-form-input,.users-form-select{width:100%;height:38px;padding:0 12px;border:1.5px solid #cbd5e1;border-radius:6px;font-size:13.5px;font-family:inherit;color:#0f172a;background:#ffffff;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.users-form-input:focus,.users-form-select:focus{outline:none;border-color:var(--c-primary,#1d4e9e);box-shadow:0 0 0 3px rgba(29,78,158,.12)}.users-form-input:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.users-form-row{display:grid;grid-gap:12px;gap:12px}.users-form-row--name{grid-template-columns:88px 1fr 1fr}.users-form-row--two-col{grid-template-columns:1fr 1fr}@media (max-width:600px){.users-form-row--name,.users-form-row--two-col{grid-template-columns:1fr}}.users-form-section-title{font-size:14px;font-weight:800;color:var(--c-primary,#1d4e9e);display:flex;align-items:center;gap:4px;margin-bottom:2px}.users-form-section-sub{font-size:12px;color:#64748b;margin:0 0 10px;line-height:1.4}.role-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:10px;gap:10px;margin-top:6px}.role-checkbox-card{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border:1.5px solid var(--c-line);border-radius:var(--r-md);background:#ffffff;cursor:pointer;transition:all var(--t-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.role-checkbox-card:hover{border-color:var(--c-secondary);background:#f8fafc}.role-checkbox-card.is-checked{border-color:var(--c-primary,#1d4e9e);background:#f0f7ff}.role-checkbox-card input[type=checkbox]{margin-top:3px;width:17px;height:17px;accent-color:var(--c-primary,#1d4e9e);cursor:pointer}.role-checkbox-card .role-title{font-size:13.5px;font-weight:700;color:var(--c-ink);display:block}.role-checkbox-card .role-desc{font-size:12px;color:var(--c-ink-3);display:block;margin-top:2px;line-height:1.4}.uf-modal{max-width:720px}.uf-modal .users-form-label{font-size:14px;font-weight:600}.uf-modal .users-form-input,.uf-modal .users-form-select{height:44px;font-size:15px;border-width:1px}.uf-modal .users-form-hint{font-size:13px}.uf-modal .users-form-section-sub{font-size:13.5px;color:#475569}.uf-modal .users-modal-body{gap:20px;padding:24px}.uf-modal .users-modal-foot .btn{min-height:44px;padding:0 20px;font-size:15px}.uf-btn-save{min-width:160px}.uf-head-sub{margin:4px 0 0;font-size:13.5px;color:#475569}.uf-ok{color:#047857}.uf-off,.uf-ok{font-weight:600}.uf-off{color:#b91c1c}.uf-section{display:flex;flex-direction:column;gap:14px}.uf-section+.uf-section{padding-top:20px;border-top:1px solid var(--c-line-soft)}.uf-section__title{margin:0;font-size:17px;font-weight:700;color:var(--c-ink);display:flex;align-items:center;gap:8px}.uf-optional{font-weight:400;color:#64748b;font-size:13px}.uf-error{color:#b91c1c;font-size:13.5px;font-weight:500}.has-error .users-form-input,.has-error .users-form-select{border-color:#dc2626;background:#fffafa}.uf-form-alert{background:#fef2f2;color:#991b1b;padding:12px 14px;border-radius:8px;font-size:14px;font-weight:500}.uf-changed{font-size:12px;font-weight:600;color:#92400e;background:#fef3c7;padding:1px 8px;border-radius:999px}.users-form-input.is-changed,.users-form-select.is-changed{border-color:#d97706;background:#fffbeb}.uf-role-list{display:flex;flex-direction:column;gap:8px}.uf-role{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;min-height:56px;border-radius:8px;background:#f8fafc;border:1px solid transparent;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast)}.uf-role:hover{background:#f1f5f9}.uf-role.is-checked{background:#eef4ff;border-color:var(--c-primary,#1d4e9e)}.uf-role input{width:20px;height:20px;margin-top:2px;accent-color:var(--c-primary,#1d4e9e);flex:none;cursor:pointer}.uf-role__text{display:flex;flex-direction:column;gap:2px}.uf-role__label{font-size:15px;font-weight:600;color:var(--c-ink)}.uf-role__desc{font-size:13.5px;color:#475569;line-height:1.45}.uf-division{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:8px;background:#f8fafc;animation:fadeIn .15s ease-out}.uf-division.has-error{background:#fef2f2}.uf-division__head{display:flex;justify-content:space-between;align-items:center;gap:8px}.uf-division__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:6px;gap:6px;max-height:240px;overflow-y:auto}.uf-division__item{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border-radius:6px;background:#ffffff;border:1px solid #e2e8f0;cursor:pointer}.uf-division__item.is-checked{border-color:var(--c-primary,#1d4e9e);background:#eef4ff}.uf-division__item input{width:18px;height:18px;accent-color:var(--c-primary,#1d4e9e);flex:none}.uf-division__name{display:block;font-size:14px;color:var(--c-ink)}.uf-division__dept{display:block;font-size:12px;color:#64748b}.uf-summary{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:8px;background:#eef4ff;font-size:14px;color:var(--c-ink)}.uf-summary__title{font-size:13px;font-weight:600;color:var(--c-primary,#1d4e9e)}.uf-danger{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:8px;background:#f8fafc;font-size:13.5px;color:#475569}.uf-danger .btn-action-toggle{min-height:40px;padding:0 14px;font-size:14px;flex:none}.uf-discard{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;width:100%;font-size:14px;font-weight:600;color:#92400e}.uf-discard>span{margin-right:auto}.uf-btn-discard{color:#b91c1c}.uf-link-btn{background:none;border:none;padding:4px 0;color:var(--c-primary,#1d4e9e);font:inherit;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;align-self:flex-start}.uf-muted{color:#94a3b8;font-size:13px}.uf-tag-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.uf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.uf-filter-select{height:36px;padding:0 10px;border-radius:6px;border:1px solid #cbd5e1;background:#ffffff;font-size:14px;color:var(--c-ink);cursor:pointer}.uf-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;font-size:15px;font-weight:600}.uf-banner--ok{background:#ecfdf5;color:#065f46}.uf-banner--err{background:#fef2f2;color:#991b1b}.uf-banner__icon{display:inline-flex;width:18px;height:18px}.uf-banner__close{background:none;border:none;cursor:pointer;color:inherit;display:inline-flex;width:28px;height:28px;padding:6px}.uf-empty{padding:32px;background:#ffffff;border-radius:8px}.uf-empty,.uf-empty-cell{text-align:center;color:#64748b}.uf-empty-cell{padding:48px}.uf-row{cursor:pointer}.uf-row:focus-within{outline:2px solid var(--c-primary,#1d4e9e);outline-offset:-2px}.uf-edit-wide{width:100%;justify-content:center;min-height:44px;font-size:14px}@media (max-width:600px){.uf-danger{flex-direction:column;align-items:stretch}.uf-modal .users-modal-body{padding:16px}}.users-confirm-backdrop{background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.users-confirm-modal{max-width:460px;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);border:1px solid #cbd5e1}.users-confirm-head{padding:20px 24px 16px;display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid #f1f5f9}.users-confirm-icon-box{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.users-confirm-icon-box--warning{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}.users-confirm-icon-box--success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.users-confirm-title{font-size:17px;font-weight:800;color:#0f172a;margin:0;line-height:1.3}.users-confirm-sub{font-size:12.5px;color:#64748b;margin:4px 0 0}.users-confirm-body{padding:18px 24px;display:flex;flex-direction:column;gap:14px}.users-confirm-user-card{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}.users-confirm-user-avatar{width:40px;height:40px;border-radius:50%;background:#eff6ff;border:1.5px solid #bfdbfe;color:#1d4e9e;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.users-confirm-user-details{display:flex;flex-direction:column;gap:2px;min-width:0}.users-confirm-user-name{font-size:14.5px;font-weight:700;color:#0f172a;line-height:1.3}.users-confirm-user-meta{font-size:12px;color:#64748b;display:flex;align-items:center;gap:6px}.users-confirm-note{font-size:12.5px;line-height:1.5;padding:10px 14px;border-radius:6px}.users-confirm-note--warning{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.users-confirm-note--info{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.users-confirm-foot{padding:14px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:flex-end;gap:10px}.users-confirm-btn-cancel{background:#ffffff;border:1px solid #cbd5e1;color:#475569;padding:8px 16px;font-size:13.5px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .15s ease}.users-confirm-btn-cancel:hover{background:#f1f5f9;color:#1e293b}.users-confirm-btn-submit{padding:8px 18px;font-size:13.5px;font-weight:700;border-radius:6px;color:#ffffff;border:none;cursor:pointer;transition:all .15s ease}.users-confirm-btn-submit--danger{background:#dc2626;box-shadow:0 1px 2px rgba(220,38,38,.2)}.users-confirm-btn-submit--danger:hover{background:#b91c1c}.users-confirm-btn-submit--success:hover{background:#047857}.master-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9}.master-table-scroll::-webkit-scrollbar{height:8px}.master-table-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.master-table-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px;border:1px solid #cbd5e1}.master-table-scroll::-webkit-scrollbar-thumb:hover{background:#64748b}.master-grid-table{width:100%;min-width:900px;border-collapse:collapse;text-align:left}.master-grid-table thead tr{background:#f1f5f9;border-bottom:2px solid #94a3b8}.master-grid-table th{padding:12px 14px;font-size:12px;font-weight:800;color:#1e293b;letter-spacing:.04em;text-transform:uppercase;border-right:1px solid #cbd5e1;white-space:nowrap}.master-grid-table th:last-child{border-right:none}.master-grid-table tbody tr{border-bottom:1px solid #cbd5e1;background:#ffffff;transition:background .15s ease}.master-grid-table tbody tr:hover{background:#f8fafc}.master-grid-table tbody tr:last-child{border-bottom:none}.master-grid-table td{padding:12px 14px;vertical-align:middle;border-right:1px solid #cbd5e1;font-size:13.5px;color:#0f172a}.master-grid-table td:last-child{border-right:none}.master-view{display:flex;flex-direction:column;gap:var(--s-4);width:100%;max-width:100%;margin:0}.master-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--s-3)}.master-header__title{font-size:var(--fs-2xl);font-weight:800;color:var(--c-ink);margin:0;letter-spacing:-.01em}.master-header__sub{color:var(--c-ink-3);font-size:var(--fs-sm);margin-top:4px;margin-bottom:0}.master-header__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.master-btn-sync{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--r-md);border:1px solid #cbd5e1;background:#ffffff;color:#1e293b;font-size:var(--fs-sm);font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .15s ease}.master-btn-sync:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.master-btn-sync:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.master-btn-create{display:inline-flex;align-items:center;gap:8px;background:var(--c-primary,#1d4e9e);color:#ffffff;border:1px solid #1e40af;border-radius:var(--r-md);padding:9px 18px;font-size:var(--fs-sm);font-weight:700;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.08);transition:background-color var(--t-fast),border-color var(--t-fast)}.master-btn-create:hover{background:#1e40af;border-color:#1e3a8a;color:#ffffff}.master-kpi-strip{display:flex;align-items:center;background:#ffffff;border:1px solid #cbd5e1;border-radius:var(--r-md);padding:12px 20px;gap:16px;box-shadow:0 1px 2px rgba(0,0,0,.03);overflow-x:auto;-webkit-overflow-scrolling:touch}.master-kpi-item{display:flex;flex-direction:column;gap:2px;cursor:pointer;padding:6px 14px;border-radius:6px;transition:all .15s ease;white-space:nowrap}.master-kpi-item:hover{background:#f8fafc}.master-kpi-item--active{background:#eff6ff;border:1px solid #bfdbfe}.master-kpi-label{font-size:12px;font-weight:600;color:var(--c-ink-3);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.master-kpi-value{font-size:20px;font-weight:800;color:var(--c-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2}.master-kpi-divider{width:1px;height:32px;background:#e2e8f0;flex-shrink:0}.master-data-card{background:#ffffff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden;width:100%}.master-tabs-bar{display:flex;border-bottom:1px solid #e2e8f0;background:#f8fafc;padding:6px 16px 0;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.master-tab-btn{padding:10px 18px;border:none;border-bottom:3px solid transparent;background:none;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;font-weight:500;color:#64748b;transition:all .15s ease}.master-tab-btn:hover{color:#1e293b}.master-tab-btn--active{border-bottom-color:#1d4e9e;font-weight:700;color:#1d4e9e}.master-tab-badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:99px;background:#e2e8f0;color:#475569}.master-tab-btn--active .master-tab-badge{background:#e0edff;color:#1d4e9e}.master-toolbar{padding:12px 18px;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;background:#ffffff}.master-filters,.master-toolbar{display:flex;align-items:center;gap:12px}.master-filters{flex:1 1;flex-wrap:wrap}.master-search-box{position:relative;width:320px;max-width:100%}.master-search-input{width:100%;height:36px;padding:0 12px 0 34px;border:1.5px solid #cbd5e1;border-radius:6px;font-size:13.5px;font-family:inherit;color:var(--c-ink);background:#ffffff;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.master-search-input:focus{border-color:#0a7bc4;box-shadow:0 0 0 3px rgba(10,123,196,.12)}.master-select-filter{height:36px;padding:0 12px;border-radius:6px;border:1.5px solid #cbd5e1;font-size:13.5px;background:#ffffff;color:#334155;outline:none;max-width:260px}.master-select-filter:focus{border-color:#0a7bc4;box-shadow:0 0 0 3px rgba(10,123,196,.12)}.master-pagination-bar{padding:12px 18px;background:#ffffff;border-top:1px solid #cbd5e1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.master-pagination-bar,.master-pagination-bar__info{font-size:13px;color:#475569}.master-pagination-bar__info strong{color:#0f172a}.master-pagination-bar__controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.master-pagination-bar__size-label{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:#475569;cursor:pointer}.master-page-size{height:32px;padding:0 8px;border-radius:6px;border:1px solid #cbd5e1;background:#ffffff;color:#0f172a;font-size:12.5px;font-family:inherit;font-weight:500;cursor:pointer;outline:none}.master-page-size:focus{border-color:#0a7bc4;box-shadow:0 0 0 2px rgba(10,123,196,.12)}.master-pagination-bar__nav{display:inline-flex;align-items:center;gap:8px}.master-pagination-bar__page-status{font-size:12.5px;color:#334155;padding:0 4px;white-space:nowrap}.master-pagination-bar__page-status strong{color:#0f172a}.master-btn-page{padding:6px 12px;border-radius:6px;border:1px solid #cbd5e1;background:#ffffff;color:#334155;font-size:12.5px;cursor:pointer;transition:all .1s ease;font-weight:500;display:inline-flex;align-items:center;justify-content:center}.master-btn-page:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.master-btn-page:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0}@media (max-width:640px){.master-pagination-bar{flex-direction:column;align-items:stretch;gap:12px}.master-pagination-bar__controls{flex-direction:column;align-items:stretch;gap:10px}.master-pagination-bar__nav{justify-content:space-between;width:100%}}.master-mobile-cards{display:none}@media (max-width:768px){.master-table-scroll{display:none!important}.master-mobile-cards{gap:12px;background:#f8fafc}.master-card-item,.master-mobile-cards{display:flex;flex-direction:column;padding:14px 16px}.master-card-item{background:#ffffff;border:1px solid #cbd5e1;border-radius:10px;gap:10px;box-shadow:0 1px 3px rgba(15,23,42,.04)}.master-card-item__top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px dashed #e2e8f0}.master-card-item__code{font-weight:700;font-family:monospace;font-size:12.5px;padding:2px 8px;background:#eff6ff;color:#1d4ed8;border-radius:4px;display:inline-block}.master-card-item__title{font-size:15px;font-weight:700;color:#0f172a;line-height:1.35}.master-card-item__subtitle{font-size:12.5px;color:#64748b;margin-top:2px}.master-card-item__grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;background:#f8fafc;border-radius:6px;padding:8px 12px;font-size:12.5px}.master-card-item__field{display:flex;flex-direction:column;gap:2px}.master-card-item__label{font-size:11px;font-weight:600;color:#64748b}.master-card-item__val{color:#1e293b;font-weight:500}.master-card-item__actions{display:flex;gap:8px;margin-top:2px;padding-top:8px;border-top:1px solid #f1f5f9}.master-card-item__actions button,.master-card-item__actions span{flex:1 1;min-height:38px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;border-radius:6px;text-align:center}.master-header{gap:12px}.master-header__actions{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.master-btn-create,.master-btn-sync{width:100%;justify-content:center;padding:10px 12px;font-size:13px}.master-kpi-strip{padding:8px 12px;grid-gap:8px;gap:8px;display:grid;grid-template-columns:repeat(3,1fr)}.master-kpi-item{padding:6px 8px;align-items:center;text-align:center}.master-kpi-divider{display:none}.master-kpi-value{font-size:18px}.master-kpi-label{font-size:11px;flex-direction:column;gap:2px}.master-toolbar{padding:12px 14px}.master-filters,.master-toolbar{flex-direction:column;align-items:stretch}.master-filters{width:100%;gap:8px}.master-search-box{width:100%}.master-select-filter{width:100%;max-width:100%}}.master-actions-group{display:inline-grid;grid-template-columns:repeat(2,92px);gap:8px}.master-actions-group,.master-btn-action-edit{align-items:center;justify-content:center;white-space:nowrap}.master-btn-action-edit{display:inline-flex;gap:6px;box-sizing:border-box;width:100%;height:32px;padding:0 10px;border-radius:8px;font-size:12.5px;line-height:1;background:#ffffff;color:#1e40af;border:1px solid #bfdbfe;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;box-shadow:0 1px 2px rgba(15,23,42,.05)}.master-btn-action-edit:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8;box-shadow:0 2px 4px rgba(37,99,235,.1)}.master-btn-action-edit .icon{width:14px;height:14px;flex-shrink:0;stroke-width:2.2}.master-btn-action-delete{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;width:100%;height:32px;padding:0 10px;border-radius:8px;font-size:12.5px;line-height:1;white-space:nowrap;background:#ffffff;color:#e11d48;border:1px solid #fecdd3;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;box-shadow:0 1px 2px rgba(15,23,42,.05)}.master-btn-action-delete:hover{background:#fff1f2;border-color:#fda4af;color:#be123c;box-shadow:0 2px 4px rgba(225,29,72,.1)}.master-badge-in-use{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;width:100%;height:32px;padding:0 10px;border-radius:8px;font-size:12.5px;line-height:1;white-space:nowrap;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;font-weight:600;cursor:help;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.master-badge-in-use:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.master-status-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:.01em;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.master-status-pill--active{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.master-status-pill--inactive{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.master-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.master-status-pill--active .master-status-dot{background:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.2)}.master-status-pill--inactive .master-status-dot{background:#94a3b8}.master-badge-in-use .icon,.master-btn-action-delete .icon{width:14px;height:14px;flex-shrink:0;stroke-width:2.2}.master-btn-action-delete:focus-visible,.master-btn-action-edit:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.master-badge-in-use .lock-icon{font-size:11.5px;line-height:1}.sup-cat-view{display:flex;flex-direction:column;gap:18px;width:100%;max-width:100%;margin:0}.sup-cat-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:14px}.sup-cat-header__main{display:flex;flex-direction:column;gap:4px}.sup-cat-header__title-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.sup-cat-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12.5px;color:#64748b;margin-bottom:5px}.sup-cat-breadcrumb__item{color:#64748b;font-weight:500}.sup-cat-breadcrumb__sep{color:#94a3b8;display:inline-flex;align-items:center}.sup-cat-breadcrumb__current{color:#0f172a;font-weight:600}.sup-cat-title{font-size:22px;font-weight:700;color:#0b1a30;margin:0;letter-spacing:-.015em;line-height:1.25}.sup-cat-scope-wrap{position:relative;display:inline-flex}.sup-cat-scope-trigger{display:inline-flex;align-items:center;gap:8px;background:#ffffff;border:1.5px solid #cbd5e1;border-radius:9999px;padding:4px 14px;font-family:inherit;font-size:13px;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:all .15s ease}.sup-cat-scope-trigger:hover{background:#f8fafc;border-color:#94a3b8}.sup-cat-scope-trigger:focus-visible{outline:none;border-color:var(--c-primary,#1d4e9e);box-shadow:0 0 0 3px rgba(29,78,158,.15)}.sup-cat-scope-trigger__label{font-size:12.5px;font-weight:600;color:#64748b;white-space:nowrap}.sup-cat-scope-trigger__value{font-size:13.5px;font-weight:700;color:var(--c-primary,#1d4e9e);white-space:nowrap}.sup-cat-scope-trigger__arrow{color:#64748b;display:inline-flex;transition:transform .2s ease,color .15s ease}.sup-cat-scope-trigger__arrow.is-open{transform:rotate(180deg);color:var(--c-primary,#1d4e9e)}.sup-cat-scope-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:340px;max-width:440px;background:#ffffff;border:1.5px solid #cbd5e1;border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,.14),0 4px 12px rgba(15,23,42,.06);z-index:60;overflow:hidden;animation:popoverFadeIn .15s ease-out}.sup-cat-scope-dropdown__header{padding:10px 18px;font-size:11.5px;font-weight:700;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;letter-spacing:.03em;text-transform:uppercase}.sup-cat-scope-dropdown__list{padding:6px;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sup-cat-scope-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 16px;border:none;border-radius:8px;background:transparent;text-align:left;cursor:pointer;transition:all .12s ease;font-family:inherit}.sup-cat-scope-item:hover{background:#f1f5f9;color:#0f172a}.sup-cat-scope-item.is-selected{background:#eff6ff;color:var(--c-primary,#1d4e9e)}.sup-cat-scope-item__text{display:flex;flex-direction:column;gap:2px;min-width:0}.sup-cat-scope-item__name{font-size:13.5px;font-weight:600;color:#0f172a;line-height:1.35}.sup-cat-scope-item.is-selected .sup-cat-scope-item__name{color:var(--c-primary,#1d4e9e);font-weight:700}.sup-cat-scope-item__code{font-size:11.5px;color:#64748b}.sup-cat-scope-item.is-selected .sup-cat-scope-item__code{color:#2563eb;font-weight:600}.sup-cat-scope-item__check{color:var(--c-primary,#1d4e9e);display:inline-flex;flex-shrink:0}.sup-cat-subtitle{color:#64748b;font-size:13px;margin:0;line-height:1.4}.sup-cat-header__actions{display:flex;align-items:center;gap:10px}.sup-cat-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border-radius:8px;font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .15s ease-in-out;box-shadow:0 1px 2px rgba(15,23,42,.05)}.sup-cat-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.sup-cat-btn--primary{background:var(--c-primary,#1d4e9e);color:#ffffff;border:1px solid #163f84}.sup-cat-btn--primary:hover:not(:disabled){background:var(--c-primary-hover,#163f84);box-shadow:0 2px 4px rgba(22,63,132,.2)}.sup-cat-btn--outline{background:#ffffff;color:#1e293b;border:1px solid #cbd5e1}.sup-cat-btn--outline:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:var(--c-primary,#1d4e9e)}.sup-cat-btn--sm{min-height:32px;padding:5px 12px;font-size:12.5px;border-radius:6px}.sup-cat-division-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:#ffffff;border:1px solid #e2e8f0;border-left:4px solid var(--c-primary,#1d4e9e);border-radius:10px;padding:14px 20px;box-shadow:0 1px 3px rgba(15,23,42,.04)}.sup-cat-division-bar__info{display:flex;align-items:center;gap:14px;flex:1 1;min-width:280px}.sup-cat-division-bar__icon-wrap{width:42px;height:42px;border-radius:8px;background:#eff6ff;border:1px solid #bfdbfe;color:var(--c-primary,#1d4e9e);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sup-cat-division-bar__text{display:flex;flex-direction:column;gap:3px}.sup-cat-division-bar__title-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sup-cat-division-bar__badge{color:var(--c-primary,#1d4e9e);font-size:13px;font-weight:700;letter-spacing:.01em}.sup-cat-division-bar__title{font-size:15px;font-weight:700;color:#0f172a}.sup-cat-division-bar__desc{font-size:12.5px;color:#64748b;margin:0;line-height:1.4}.sup-cat-division-bar__control{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sup-cat-division-bar__label{font-size:13px;font-weight:600;color:#334155;white-space:nowrap}.sup-cat-division-select-wrap{position:relative;display:inline-flex;align-items:center;min-width:300px;max-width:100%}.sup-cat-division-select{width:100%;height:40px;padding:0 34px 0 14px;border-radius:8px;border:1.5px solid var(--c-primary,#1d4e9e);background:#f8fafc;color:#0f172a;font-size:13.5px;font-weight:700;font-family:inherit;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:all .15s ease}.sup-cat-division-select:focus{background:#ffffff;border-color:#163f84;box-shadow:0 0 0 3px rgba(29,78,158,.15)}.sup-cat-division-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--c-primary,#1d4e9e);pointer-events:none;display:flex}.sup-cat-division-empty,.sup-cat-division-loading{font-size:13px;color:#64748b;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.sup-cat-toast{padding:12px 18px;border-radius:8px;font-size:13.5px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 2px 6px rgba(15,23,42,.06)}.sup-cat-toast--success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.sup-cat-toast--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.sup-cat-toast__content{display:flex;align-items:center;gap:10px}.sup-cat-toast__close{background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:4px}.sup-cat-toast__close:hover{background:rgba(0,0,0,.06)}.sup-cat-sheet{background:#ffffff;border:1px solid #cbd5e1;border-radius:12px;overflow:hidden;width:100%;box-shadow:0 1px 3px rgba(15,23,42,.05)}.sup-cat-toolbar-unified{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:10px 32px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.sup-cat-toolbar-right{display:flex;align-items:center;gap:12px;flex:1 1;justify-content:flex-end;min-width:260px}.sup-cat-toolbar-unified .sup-cat-search{max-width:380px;width:100%}.sup-cat-sheet__top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:0 18px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.sup-cat-tabs{display:flex;align-items:center;gap:4px;overflow-x:auto}.sup-cat-tab{padding:10px 14px;background:none;border:none;border-bottom:2.5px solid transparent;font-size:13.5px;font-weight:500;font-family:inherit;color:#64748b;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:all .15s ease}.sup-cat-tab:hover{color:#0f172a;border-bottom-color:#cbd5e1}.sup-cat-tab.is-active{color:var(--c-primary,#1d4e9e);font-weight:700;border-bottom-color:var(--c-primary,#1d4e9e)}.sup-cat-tab__count{font-size:11.5px;font-weight:700;padding:1px 7px;border-radius:99px;background:#e2e8f0;color:#475569;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sup-cat-tab.is-active .sup-cat-tab__count{background:#dbeafe;color:var(--c-primary,#1d4e9e)}.sup-cat-sheet__hint{font-size:12px;color:#64748b;font-weight:500;padding:8px 0}.sup-cat-toolbar{padding:12px 18px;border-bottom:1px solid #cbd5e1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#ffffff}.sup-cat-search{position:relative;width:400px;max-width:100%}.sup-cat-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none;display:flex}.sup-cat-search-input{width:100%;height:38px;padding:0 14px 0 36px;border:1px solid #cbd5e1;border-radius:7px;font-size:13.5px;font-family:inherit;color:#0f172a;background:#ffffff;outline:none;box-sizing:border-box;transition:all .15s ease}.sup-cat-search-input:focus{border-color:var(--c-primary,#1d4e9e);box-shadow:0 0 0 3px rgba(29,78,158,.12)}.sup-cat-toolbar__meta{font-size:13px;color:#64748b}.sup-cat-toolbar__meta strong{color:#0f172a}.sup-cat-table-wrap{width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc}.sup-cat-table-wrap::-webkit-scrollbar{height:8px}.sup-cat-table-wrap::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.sup-cat-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;-webkit-transition:background .15s ease;transition:background .15s ease}.sup-cat-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sup-cat-master-table{width:100%;min-width:860px;border-collapse:collapse;table-layout:fixed}.sup-cat-master-table thead tr{background:#f8fafc;border-bottom:1.5px solid #cbd5e1}.sup-cat-master-table th{padding:13px 18px;font-size:13px;font-weight:700;color:#334155;text-align:left;border-right:1px solid #e2e8f0;letter-spacing:.01em}.sup-cat-master-table th:first-child{padding-left:24px}.sup-cat-master-table th:last-child{padding-right:20px;border-right:none}.sup-cat-master-table th.col-cat{width:38%}.sup-cat-master-table th.col-sup{width:25%}.sup-cat-master-table th.col-num{width:9%;text-align:center}.sup-cat-master-table th.col-tpl{width:12%;text-align:center}.sup-cat-master-table th.col-act{width:16%;text-align:center}.sup-cat-row{background:#ffffff;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:all .12s ease}.sup-cat-row:hover{background:#f8fafc}.sup-cat-row.is-expanded{background:#f8fafc;border-bottom-color:#cbd5e1}.sup-cat-row td{padding:14px 16px;vertical-align:top;font-size:13.5px;color:#0f172a;border-right:1px solid #e2e8f0}.sup-cat-row td:first-child{padding-left:24px}.sup-cat-row td:last-child{padding-right:20px;border-right:none}.sup-cat-row td.col-act,.sup-cat-row td.col-num,.sup-cat-row td.col-tpl{text-align:center;vertical-align:middle}.sup-cat-row__title-wrap{display:flex;align-items:flex-start;gap:10px}.sup-cat-toggle-arrow{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:5px;background:#f1f5f9;color:#475569;margin-top:1px;flex-shrink:0;transition:all .15s ease;border:1px solid #e2e8f0}.sup-cat-toggle-arrow.is-expanded{background:#1d4e9e;border-color:#1d4e9e;color:#ffffff}.sup-cat-row__title-body{display:flex;flex-direction:column;gap:4px;min-width:0}.sup-cat-row__name-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sup-cat-row__name{font-size:15.5px;font-weight:800;color:#1e3a8a;line-height:1.35;letter-spacing:-.01em}.sup-cat-row__sub{font-size:12.5px;color:#64748b;line-height:1.45}.sup-cat-sup-text-group{display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.45}.sup-cat-sup-line{color:#1e293b}.sup-cat-sup-label{font-weight:700;color:#475569;font-size:12.5px;margin-right:2px}.sup-cat-sup-val{color:#0f172a}.sup-cat-sup-sub{color:#64748b;font-size:12px}.sup-cat-text-cell{display:flex;align-items:baseline;justify-content:center;gap:4px}.sup-cat-text-num{font-size:15px;font-weight:700;color:#0f172a;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sup-cat-text-unit{font-size:12.5px;color:#475569}.sup-cat-text-tpl{font-size:13px;color:#334155;font-weight:600}.sup-cat-row__actions{display:inline-flex;align-items:center;justify-content:center}.sup-cat-detail-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid #cbd5e1;background:#ffffff;color:#0f172a;font-size:12.5px;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .15s ease}.sup-cat-detail-toggle-btn:hover{background:#f8fafc;border-color:#94a3b8}.sup-cat-detail-toggle-btn.is-expanded{background:#eff6ff;border-color:#93c5fd;color:var(--c-primary,#1d4e9e)}.sup-cat-status-text{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.sup-cat-status-text--active{color:#16a34a}.sup-cat-status-text--inactive{color:#94a3b8}.sup-cat-status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.sup-cat-status-text--active .sup-cat-status-dot{background:#16a34a;box-shadow:0 0 0 2px rgba(22,163,74,.2)}.sup-cat-status-text--inactive .sup-cat-status-dot{background:#94a3b8}.sup-cat-detail-row td{padding:0!important;background:#f8fafc;border-bottom:2px solid #cbd5e1;max-width:0}.sup-cat-a4-wrapper{padding:20px 24px 26px;display:flex;flex-direction:column;gap:14px;width:100%;max-width:100%;box-sizing:border-box}.sup-cat-a4-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:2px 4px 6px}.sup-cat-a4-toolbar__meta{display:flex;align-items:center;gap:10px}.sup-cat-a4-toolbar__tag{font-size:13px;font-weight:700;color:#1d4e9e;letter-spacing:.01em}.sup-cat-a4-toolbar__cat-title{font-size:15.5px;font-weight:800;color:#0f172a}.sup-cat-a4-toolbar__actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sup-cat-a4-sheet{background:#ffffff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 1px 4px rgba(15,23,42,.05);margin:0;width:100%;max-width:100%;box-sizing:border-box;font-family:inherit;overflow:hidden}.sup-cat-a4-sheet__header{padding:18px 24px 16px;border-bottom:2px solid #1d4e9e;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;background:#ffffff}.sup-cat-a4-sheet__header-left{display:flex;flex-direction:column;gap:3px;flex:1 1;min-width:260px}.sup-cat-a4-sheet__category-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:15px}.sup-cat-a4-cat-name{color:#1e3a8a;font-size:16px;font-weight:800}.sup-cat-a4-sheet__division-line{font-size:13px;color:#64748b;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.sup-cat-a4-scope-inline{color:#475569}.sup-cat-a4-sheet__header-right{display:flex;align-items:center;flex-shrink:0}.sup-cat-a4-count-tag{font-size:12.5px;font-weight:700;color:#1d4e9e;background:#eff6ff;border:1px solid #dbeafe;padding:3px 10px;border-radius:6px}.sup-cat-a4-sheet__body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:10px}.sup-cat-a4-section-title{font-size:13px;font-weight:700;color:#334155;border-bottom:1px solid #e2e8f0;padding-bottom:6px;letter-spacing:-.01em}.sup-cat-a4-items-table{display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:4px;background:#ffffff}.sup-cat-a4-item-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 14px;border-bottom:1px solid #f1f5f9;background:#ffffff;transition:background-color .1s ease}.sup-cat-a4-item-row:last-child{border-bottom:none}.sup-cat-a4-item-row:hover{background:#f8fafc}.sup-cat-a4-item-row.is-inactive{opacity:.55;background:#fafafa}.sup-cat-a4-item-row.is-draft{background-color:#fffdf5;border-left:3px solid #f59e0b}.sup-cat-a4-draft-hint{font-size:11.5px;font-weight:500;color:#b45309;margin-left:8px}.sup-cat-a4-item-main{display:flex;align-items:flex-start;gap:10px;flex:1 1;min-width:0}.sup-cat-a4-item-checkbox{width:15px;height:15px;border:1.5px solid #64748b;border-radius:3px;background:#ffffff;margin-top:2px;flex-shrink:0}.sup-cat-a4-item-content{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.sup-cat-a4-item-title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.sup-cat-a4-item-grid-align{display:grid;grid-template-columns:minmax(220px,340px) 1fr 140px;align-items:center;grid-gap:12px 20px;gap:12px 20px;width:100%}@media (max-width:900px){.sup-cat-a4-item-grid-align{grid-template-columns:minmax(180px,260px) 1fr 120px}}@media (max-width:640px){.sup-cat-a4-item-grid-align{display:flex;flex-direction:column;align-items:flex-start;gap:6px}}.sup-cat-a4-item-name{font-size:14px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sup-cat-a4-field-preview{display:inline-flex;align-items:baseline}.sup-cat-a4-field-box{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#475569;font-family:inherit;background:#f8fafc;padding:1px 6px;border-radius:3px;border:1px dashed #cbd5e1}.sup-cat-a4-field-line{color:#94a3b8;font-size:12px;letter-spacing:1px}.sup-cat-a4-field-attach{font-size:12px;color:#b45309;background:#fffbeb;padding:1px 6px;border-radius:3px;border:1px dashed #fcd34d}.sup-cat-a4-field-note{font-size:12px;color:#64748b}.sup-cat-form-box-preview{display:inline-flex;align-items:center;gap:6px;margin-left:2px}.sup-cat-form-blank-input{display:inline-block;width:64px;height:24px;background:#ffffff;border:1px solid #cbd5e1;border-radius:4px;box-shadow:inset 0 1px 2px rgba(15,23,42,.04)}.sup-cat-form-unit-label{font-size:13px;font-weight:500;color:#334155}.sup-cat-form-select-mock{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;height:24px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;font-size:12px;color:#475569}.sup-cat-form-text-line{display:inline-block;width:150px;height:1px;background:#94a3b8;border-bottom:1.5px dotted #94a3b8;margin-bottom:4px}.sup-cat-form-file-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:12px;font-weight:600}.sup-cat-form-note-tag{font-size:12px;color:#64748b}.sup-cat-status-pill-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid transparent}.sup-cat-status-pill-badge.is-active{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.sup-cat-status-pill-badge.is-inactive{background:#f1f5f9;color:#64748b;border-color:#cbd5e1}.sup-cat-a4-item-spec{font-size:12px;color:#64748b;text-align:right;white-space:nowrap;display:block}.sup-cat-a4-item-desc{font-size:12px;color:#0284c7;padding-left:2px;line-height:1.4}.sup-cat-a4-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.sup-cat-a4-order-group{border:1px solid #cbd5e1;border-radius:5px;overflow:hidden}.sup-cat-a4-order-btn,.sup-cat-a4-order-group{display:inline-flex;align-items:center;background:#ffffff}.sup-cat-a4-order-btn{justify-content:center;width:24px;height:24px;border:none;color:#64748b;cursor:pointer;padding:0;transition:all .12s ease}.sup-cat-a4-order-btn:first-child{border-right:1px solid #e2e8f0}.sup-cat-a4-order-btn:hover:not(:disabled){background:#eff6ff;color:#1d4e9e}.sup-cat-a4-order-btn:disabled{opacity:.25;cursor:not-allowed;background:#f8fafc}.sup-cat-a4-btn-edit{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:5px;border:1px solid #cbd5e1;background:#ffffff;color:#334155;font-size:12px;font-weight:600;cursor:pointer;transition:all .1s ease}.sup-cat-a4-btn-edit:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.sup-cat-a4-btn-delete{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:5px;border:1px solid #fecaca;background:#fff5f5;color:#b91c1c;font-size:12px;font-weight:600;cursor:pointer;transition:all .1s ease}.sup-cat-a4-btn-delete:hover{background:#fee2e2;border-color:#f87171}.sup-cat-a4-btn-toggle{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;border:1px solid #cbd5e1;background:#ffffff;color:#475569;font-size:12px;cursor:pointer}.sup-cat-a4-btn-toggle:hover{background:#f1f5f9}.sup-cat-a4-empty{padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;border:1px dashed #cbd5e1;border-radius:4px;background:#fafafa}.sup-cat-a4-empty__text{font-size:13.5px;color:#64748b;margin:0}.sup-cat-a4-sheet__footer{padding:12px 28px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;color:#64748b}.sup-cat-a4-foot-right strong{color:#0f172a}@media (max-width:768px){.sup-cat-a4-wrapper{padding:12px}.sup-cat-a4-sheet__body,.sup-cat-a4-sheet__footer,.sup-cat-a4-sheet__header,.sup-cat-a4-sheet__scope{padding-left:14px;padding-right:14px}.sup-cat-a4-sheet__header-right{text-align:left;min-width:100%}.sup-cat-a4-meta-row{justify-content:flex-start}.sup-cat-a4-item-row{flex-direction:column;align-items:stretch;gap:8px}.sup-cat-a4-item-actions{justify-content:flex-end;border-top:1px solid #f1f5f9;padding-top:6px}}.sup-cat-detail-box__foot{padding:12px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.sup-cat-detail-box__foot-info{font-size:13px;color:#475569}.sup-cat-detail-box__foot-info strong{color:#0f172a}.sup-cat-detail-empty{padding:32px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff}.sup-cat-detail-empty__icon{width:48px;height:48px;border-radius:50%;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center}.sup-cat-detail-empty__title{font-size:15px;font-weight:700;color:#0f172a;margin:0}.sup-cat-detail-empty__sub{font-size:13px;color:#64748b;margin:0 0 8px}.sup-cat-empty{padding:48px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:#64748b}.sup-cat-empty__title{font-size:16px;font-weight:700;color:#0f172a;margin:0;white-space:nowrap}.sup-cat-empty__sub{font-size:13.5px;color:#64748b;max-width:860px;margin:0 0 12px;white-space:nowrap}@media (max-width:640px){.sup-cat-empty__sub,.sup-cat-empty__title{white-space:normal}}.sup-cat-form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.sup-cat-field{display:flex;flex-direction:column;gap:6px}.sup-cat-field__label{font-size:13.5px;font-weight:700;color:#1e293b}.sup-cat-req{color:#be123c;font-weight:700}.sup-cat-field__hint{font-size:12px;color:#3b82f6;background:#eff6ff;border:1px solid #dbeafe;padding:6px 12px;border-radius:6px;display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:4px;line-height:1.4}.sup-cat-field__hint svg{color:#2563eb;flex-shrink:0}.sup-cat-input,.sup-cat-select{height:42px;padding:0 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:13.5px;font-family:inherit;color:#0f172a;background:#ffffff;outline:none;width:100%;box-sizing:border-box;transition:all .15s ease;box-shadow:0 1px 2px rgba(15,23,42,.04)}.sup-cat-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.sup-cat-textarea{padding:10px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:13.5px;font-family:inherit;color:#0f172a;background:#ffffff;outline:none;width:100%;box-sizing:border-box;resize:vertical;line-height:1.5;transition:all .15s ease;box-shadow:0 1px 2px rgba(15,23,42,.04)}.sup-cat-input::placeholder,.sup-cat-textarea::placeholder{color:#94a3b8;font-size:13px}.sup-cat-input:focus,.sup-cat-select:focus,.sup-cat-textarea:focus{border-color:#2563eb;background:#ffffff;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.sup-cat-icon-picker-row{display:flex;align-items:center;gap:10px;width:100%}.sup-cat-select--icon{flex:1 1;min-width:0}.sup-cat-form-grid--icon-status{display:grid;grid-template-columns:1fr auto;grid-gap:20px;gap:20px;align-items:flex-start}.sup-cat-field--status{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.sup-cat-modal-status-toggle-wrap{height:42px;display:flex;align-items:center}.sup-cat-toggle-switch-btn--modal{min-height:38px;padding:4px 14px 4px 12px;gap:10px;border-radius:9999px;border-width:1.5px}.sup-cat-toggle-switch-btn--modal .sup-cat-toggle-switch-text{font-size:13.5px;font-weight:700;min-width:24px}.sup-cat-toggle-switch-btn--modal .sup-cat-toggle-switch-track{width:32px;height:18px}.sup-cat-toggle-switch-btn--modal .sup-cat-toggle-switch-thumb{width:14px;height:14px}.sup-cat-toggle-switch-btn--modal.is-active .sup-cat-toggle-switch-thumb{transform:translateX(14px)}.sup-cat-icon-preview{width:42px;height:42px;border-radius:8px;border:1px solid #cbd5e1;background:#f1f5f9;color:#1d4e9e;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 2px rgba(15,23,42,.03);transition:all .15s ease}.sup-cat-icon-picker-row:focus-within .sup-cat-icon-preview{border-color:#2563eb;background:#eff6ff;color:#1d4e9e}.sup-cat-modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sup-cat-modal{background:#ffffff;border:1px solid #cbd5e1;border-radius:14px;box-shadow:0 20px 25px -5px rgba(15,23,42,.18),0 10px 10px -5px rgba(15,23,42,.08);width:100%;max-width:580px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;animation:supCatModalIn .18s cubic-bezier(.16,1,.3,1)}@keyframes supCatModalIn{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.sup-cat-modal--category{max-width:620px}.sup-cat-modal--sm{max-width:440px}.sup-cat-modal--lg{max-width:780px}.sup-cat-modal__head{padding:18px 24px;background:#ffffff;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.sup-cat-modal__head-content{display:flex;align-items:center;gap:14px}.sup-cat-modal__head-icon{width:40px;height:40px;border-radius:10px;background:#eff6ff;color:#1d4e9e;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #dbeafe}.sup-cat-modal__title{font-size:17.5px;font-weight:700;color:#0f172a;margin:0;line-height:1.3;letter-spacing:-.01em}.sup-cat-modal__sub{font-size:13px;color:#64748b;margin:3px 0 0;line-height:1.4}.sup-cat-modal__close{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:34px;height:34px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.sup-cat-modal__close:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444}.sup-cat-modal__body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;max-height:calc(90vh - 145px);background:#f8fafc}.sup-cat-modal__foot{padding:14px 24px;background:#ffffff;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.sup-cat-modal-section{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;box-shadow:0 1px 3px rgba(15,23,42,.03);display:flex;flex-direction:column;gap:14px;transition:border-color .15s ease,box-shadow .15s ease}.sup-cat-modal-section:focus-within{border-color:#cbd5e1;box-shadow:0 4px 12px rgba(15,23,42,.05)}.sup-cat-modal-section__head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.sup-cat-step-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4e9e;font-size:13px;font-weight:700;flex-shrink:0}.sup-cat-modal-section__title-wrap{display:flex;flex-direction:column;gap:1px}.sup-cat-modal-section__title{font-size:14.5px;font-weight:700;color:#0f172a;line-height:1.3;margin:0}.sup-cat-modal-section__desc{margin:0;font-size:12.5px;color:#64748b;margin:2px 0 0;line-height:1.4}.sup-cat-dtype-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.sup-cat-dtype-card{text-align:left;padding:12px 14px;border-radius:9px;border:1.5px solid #cbd5e1;background:#ffffff;cursor:pointer;display:flex;flex-direction:column;gap:6px;font-family:inherit;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sup-cat-dtype-card:hover{border-color:#94a3b8;background:#f8fafc;transform:translateY(-1px)}.sup-cat-dtype-card.is-selected{border-color:var(--c-primary,#1d4e9e);background:#eff6ff;box-shadow:0 0 0 2px rgba(29,78,158,.18)}.sup-cat-dtype-card__head{display:flex;align-items:center;gap:8px}.sup-cat-dtype-card__icon{width:26px;height:26px;border-radius:6px;background:#e0e7ff;color:var(--c-primary,#1d4e9e);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sup-cat-dtype-card.is-selected .sup-cat-dtype-card__icon{background:var(--c-primary,#1d4e9e);color:#ffffff}.sup-cat-dtype-card__title{font-size:13.5px;font-weight:700;color:#0f172a}.sup-cat-dtype-card.is-selected .sup-cat-dtype-card__title{color:var(--c-primary,#1d4e9e)}.sup-cat-dtype-card__desc{font-size:12px;color:#475569;line-height:1.4}.sup-cat-options-builder{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:9px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.sup-cat-options-builder__add{display:flex;gap:8px}.sup-cat-options-builder__empty{font-size:12.5px;color:#64748b;background:#ffffff;padding:10px 12px;border-radius:6px;border:1px solid #e2e8f0}.sup-cat-options-builder__list{display:flex;flex-wrap:wrap;gap:8px}.sup-cat-option-tag{display:inline-flex;align-items:center;gap:6px;background:#ffffff;border:1px solid #bfdbfe;color:#1e3a8a;font-size:13px;font-weight:600;padding:4px 10px;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.sup-cat-option-tag__remove{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:15px;font-weight:700;padding:0 2px;display:inline-flex;align-items:center;transition:color .12s ease}.sup-cat-option-tag__remove:hover{color:#e11d48}.sup-cat-check-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.sup-cat-check-card{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;border:1.5px solid #cbd5e1;border-radius:9px;background:#ffffff;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sup-cat-check-card:hover{background:#f8fafc;border-color:#94a3b8}.sup-cat-check-card:has(input:checked){border-color:var(--c-primary,#1d4e9e);background:#eff6ff;box-shadow:0 0 0 1px rgba(29,78,158,.15)}.sup-cat-check-card input[type=checkbox]{margin-top:2px;width:18px;height:18px;accent-color:var(--c-primary,#1d4e9e);cursor:pointer;flex-shrink:0}.sup-cat-check-card div{display:flex;flex-direction:column;gap:2px}.sup-cat-check-card strong{font-size:13.5px;font-weight:700;color:#0f172a}.sup-cat-check-card:has(input:checked) strong{color:var(--c-primary,#1d4e9e)}.sup-cat-check-card span{font-size:12px;color:#64748b;line-height:1.4}.sup-cat-live-preview{background:#ffffff;border:1.5px solid #93c5fd;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 3px rgba(15,23,42,.04)}.sup-cat-live-preview__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12.5px;color:var(--c-primary,#1d4e9e)}.sup-cat-live-preview__body{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:14px}.sup-cat-sheet-tabs{display:flex;align-items:center;gap:8px;padding:12px 24px 0;background:#f1f5f9;border-bottom:2px solid #cbd5e1}.sup-cat-sheet-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;font-size:12.5px;font-weight:600;color:#64748b;background:transparent;border:1px solid transparent;border-bottom:none;border-radius:8px 8px 0 0;cursor:pointer;transition:all .15s ease;position:relative;bottom:-2px}.sup-cat-sheet-tab:hover{color:#0f172a;background:#e2e8f0}.sup-cat-sheet-tab.is-active{color:var(--c-primary,#1d4e9e);background:#ffffff;border-color:#cbd5e1;border-bottom:2px solid #ffffff;font-weight:700;box-shadow:0 -2px 5px rgba(15,23,42,.04)}.sup-cat-sheet-tab__badge{font-size:11px;font-weight:700;padding:1px 7px;border-radius:10px;background:#e2e8f0;color:#475569}.sup-cat-sheet-tab.is-active .sup-cat-sheet-tab__badge{background:#dbeafe;color:#1e40af}.sup-cat-grid-wrapper{background:#ffffff;padding:18px 20px 22px;display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;box-sizing:border-box}.sup-cat-grid-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:2px}.sup-cat-grid-toolbar__left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sup-cat-grid-hint{font-size:12px;color:#64748b}.sup-cat-grid-table-wrap{width:100%;max-width:100%;overflow-x:auto;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff}.sup-cat-grid-table-wrap::-webkit-scrollbar{height:6px}.sup-cat-grid-table-wrap::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.sup-cat-grid-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;-webkit-transition:background .15s ease;transition:background .15s ease}.sup-cat-grid-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sup-cat-grid-table{width:100%;min-width:840px;border-collapse:collapse;font-size:13px;text-align:left}.sup-cat-grid-table thead th{background:#f8fafc;color:#475569;font-weight:700;font-size:12px;padding:16px 14px;border-bottom:1.5px solid #cbd5e1;border-right:1px solid #e2e8f0;white-space:nowrap;letter-spacing:.01em;vertical-align:middle}.sup-cat-grid-table thead th:last-child{border-right:none}.sup-cat-grid-table thead th:first-child{padding-left:12px;padding-right:12px}.sup-cat-grid-table thead th:nth-child(2){padding-left:16px;padding-right:16px}.sup-cat-grid-table tbody td{padding:18px 14px;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;vertical-align:middle;color:#1e293b;font-size:13px;height:58px;box-sizing:border-box}.sup-cat-grid-table tbody td:last-child{border-right:none}.sup-cat-grid-table tbody td:first-child{padding-left:12px;padding-right:12px}.sup-cat-grid-table tbody td:nth-child(2){padding-left:16px;padding-right:16px}.sup-cat-grid-name-cell{padding:0;justify-content:center}.sup-cat-grid-item-name{font-size:13px;font-weight:500;color:#1e293b}.sup-cat-grid-item-desc{line-height:1.45;margin-top:2px}.sup-cat-grid-type-cell{padding:0;justify-content:center}.sup-cat-dtype-badge{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:0;background:transparent;border:none;white-space:nowrap}.sup-cat-dtype-badge--number{background:transparent;color:#2563eb;border:none}.sup-cat-dtype-badge--text{background:transparent;color:#475569;border:none}.sup-cat-dtype-badge--select{background:transparent;color:#7c3aed;border:none}.sup-cat-dtype-badge--file{background:transparent;color:#d97706;border:none}.sup-cat-grid-options-tag{font-size:11px;color:#64748b;line-height:1.4;word-break:break-word;display:block}.sup-cat-grid-unit{font-size:12px}.sup-cat-grid-table tbody tr{min-height:68px;transition:background-color .12s ease}.sup-cat-grid-table tbody tr:hover:not(.sup-cat-grid-row--editing){background:#f8fafc}.sup-cat-grid-table tbody tr.is-inactive-row{opacity:.6;background:#fafafa}.sup-cat-grid-table tbody tr.is-inactive-row:hover{background:#f1f5f9}.sup-cat-grid-table .col-center{text-align:center;vertical-align:middle}.sup-cat-grid-row--editing td{background:#f8fafc;padding:12px 24px!important;border-top:1.5px solid #1d4e9e!important;border-bottom:1.5px solid #1d4e9e!important}.sup-cat-grid-row--new td{background:#f8fafc;padding:12px 24px!important;border-top:1.5px solid #0d9488!important;border-bottom:1.5px solid #0d9488!important}.sup-cat-grid-row--editing td.col-center,.sup-cat-grid-row--new td.col-center{padding:12px 10px!important}.sup-cat-new-row-badge{display:inline-flex;align-items:center;justify-content:center;gap:3px;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;white-space:nowrap}.sup-cat-inline-field-group{display:flex;flex-direction:column;gap:6px;padding:2px 0;width:100%;max-width:440px}.sup-cat-inline-input,.sup-cat-inline-select{height:36px;padding:0 12px;border:1.5px solid #cbd5e1;border-radius:6px;font-size:13px;font-family:inherit;color:#0f172a;background:#ffffff;width:100%;box-sizing:border-box;transition:all .15s ease;display:block}.sup-cat-inline-select{max-width:180px;width:100%}.sup-cat-inline-input--unit{max-width:95px;width:100%}.sup-cat-inline-input:focus,.sup-cat-inline-select:focus{border-color:var(--c-primary,#1d4e9e);box-shadow:0 0 0 3px rgba(29,78,158,.12);outline:none}.sup-cat-inline-input--sub{height:30px;font-size:12px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569}.sup-cat-inline-input--sub:focus{background:#ffffff;border-color:var(--c-primary,#1d4e9e);box-shadow:0 0 0 2px rgba(29,78,158,.12)}.sup-cat-inline-select--sm{height:34px;font-size:12.5px}.sup-cat-grid-checkbox{width:18px;height:18px;accent-color:var(--c-primary,#1d4e9e);cursor:pointer;margin:0 auto;display:block}.sup-cat-grid-order-arrows{gap:3px}.sup-cat-grid-order-arrows,.sup-cat-grid-order-btn{display:inline-flex;align-items:center;justify-content:center}.sup-cat-grid-order-btn{width:24px;height:24px;border-radius:5px;background:#ffffff;border:1.5px solid #94a3b8;color:#1e40af;cursor:pointer;padding:0;transition:all .15s ease;box-shadow:0 1px 2px rgba(15,23,42,.06)}.sup-cat-grid-order-btn:hover:not(:disabled){background:#1d4ed8;border-color:#1e40af;color:#ffffff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(29,78,216,.25)}.sup-cat-grid-order-btn:disabled{background:#f8fafc;border-color:#e2e8f0;color:#cbd5e1;opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.sup-cat-grid-dash{color:#94a3b8;font-weight:700;font-size:14px}.sup-cat-toggle-switch-btn{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 6px;border-radius:9999px;background:#f8fafc;border:1px solid #cbd5e1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .15s ease;font-family:inherit}.sup-cat-toggle-switch-btn:hover{background:#f1f5f9;border-color:#94a3b8}.sup-cat-toggle-switch-btn.is-active{background:#f0fdf4;border-color:#bbf7d0}.sup-cat-toggle-switch-btn.is-active:hover{background:#dcfce7;border-color:#86efac}.sup-cat-toggle-switch-btn.is-inactive{background:#f8fafc;border-color:#e2e8f0}.sup-cat-toggle-switch-btn.is-inactive:hover{background:#f1f5f9;border-color:#cbd5e1}.sup-cat-toggle-switch-track{position:relative;width:24px;height:14px;border-radius:9999px;background:#cbd5e1;display:inline-flex;align-items:center;padding:1.5px;transition:background-color .15s ease;flex-shrink:0}.sup-cat-toggle-switch-btn.is-active .sup-cat-toggle-switch-track{background:#10b981}.sup-cat-toggle-switch-thumb{position:absolute;left:2px;width:11px;height:11px;border-radius:50%;background:#ffffff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s cubic-bezier(.4,0,.2,1)}.sup-cat-toggle-switch-btn.is-active .sup-cat-toggle-switch-thumb{transform:translateX(11px)}.sup-cat-toggle-switch-label,.sup-cat-toggle-switch-text{font-size:11.5px;font-weight:700;line-height:1;color:#64748b;min-width:22px;text-align:left;white-space:nowrap}.sup-cat-toggle-switch-badge.is-active .sup-cat-toggle-switch-text,.sup-cat-toggle-switch-btn.is-active .sup-cat-toggle-switch-label,.sup-cat-toggle-switch-btn.is-active .sup-cat-toggle-switch-text{color:#047857}.sup-cat-toggle-switch-badge{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 6px;border-radius:9999px;background:#f8fafc;border:1.5px solid #cbd5e1;font-family:inherit}.sup-cat-toggle-switch-badge.is-active{background:#ecfdf5;border-color:#86efac}.sup-cat-toggle-switch-badge.is-active .sup-cat-toggle-switch-track{background:#10b981}.sup-cat-toggle-switch-badge.is-active .sup-cat-toggle-switch-thumb{transform:translateX(11px)}.sup-cat-grid-table th:last-child{text-align:center!important;padding:16px 10px!important}.sup-cat-grid-table td.sup-cat-grid-action-cell{text-align:center;padding:18px 10px!important;vertical-align:middle}.sup-cat-grid-action-btns{display:inline-flex;align-items:center;justify-content:center;gap:8px}.sup-cat-grid-action-btn,.sup-cat-grid-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#ffffff;border:1px solid #cbd5e1;color:#475569;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px rgba(15,23,42,.04)}.sup-cat-grid-action-btn:hover,.sup-cat-grid-icon-btn:hover{background:#eff6ff;border-color:#93c5fd;color:var(--c-primary,#1d4e9e);transform:translateY(-1px)}.sup-cat-grid-action-btn--delete:hover,.sup-cat-grid-icon-btn--danger:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.sup-cat-grid-remove-row-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#ffffff;border:1px solid #cbd5e1;color:#64748b;cursor:pointer;transition:all .15s ease;margin:0;box-shadow:0 1px 2px rgba(15,23,42,.04)}.sup-cat-grid-remove-row-btn:hover{background:#fef2f2;color:#dc2626;border-color:#fca5a5;transform:translateY(-1px)}.sup-cat-grid-bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:#ffffff;border:1.5px solid #cbd5e1;border-top:1px solid #e2e8f0;border-radius:0 0 8px 8px;flex-wrap:wrap;position:-webkit-sticky;position:sticky;bottom:0;z-index:15;box-shadow:0 -4px 14px rgba(15,23,42,.08);transition:all .2s ease}.sup-cat-grid-bottom-bar.has-pending{background:#f0fdf4;border-color:#86efac;box-shadow:0 -4px 16px rgba(22,101,52,.12)}.sup-cat-grid-bottom-bar__left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sup-cat-grid-bottom-bar__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sup-cat-grid-pending-hint{font-size:13px;font-weight:600;color:#1d4e9e;background:#eff6ff;border:1px solid #dbeafe;padding:4px 10px;border-radius:6px}.sup-cat-grid-items-total{font-size:13px;color:#64748b}.sup-cat-grid-items-total strong{color:#0f172a}.sup-cat-quick-guide{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid var(--c-primary,#1d4e9e);border-radius:6px;font-size:13px;color:#334155;line-height:1.5}.sup-cat-quick-guide__icon{color:var(--c-primary,#1d4e9e);display:inline-flex;align-items:center;flex-shrink:0}.sup-cat-quick-guide__content strong{color:#0f172a;margin-right:6px}.sup-cat-empty--search{padding:36px 20px;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:8px;margin:14px}.sup-cat-empty__icon-wrap{width:44px;height:44px;border-radius:50%;background:#eff6ff;color:#1d4e9e;display:inline-flex;align-items:center;justify-content:center;margin-bottom:4px}.sup-cat-row.is-newly-added{animation:supCatRowPulse 2.5s ease-out}@keyframes supCatRowPulse{0%{background-color:#dcfce7}50%{background-color:#f0fdf4}to{background-color:transparent}}.sup-cat-btn-save-batch{min-height:38px;padding:0 18px;font-size:13.5px;font-weight:700;box-shadow:0 1px 3px rgba(29,78,158,.2)}.sup-cat-reorder-cell{display:flex;gap:5px}.sup-cat-idx-badge,.sup-cat-reorder-cell{align-items:center;justify-content:center}.sup-cat-idx-badge{display:inline-flex;width:24px;height:24px;padding:0;border-radius:5px;background:#f1f5f9;border:1px solid #e2e8f0;color:#334155;font-weight:700;font-size:12px;line-height:1}.sup-cat-idx-badge.is-new{background:#f0fdf4;border-color:#bbf7d0;color:#166534;font-size:11px}.sup-cat-reorder-actions{display:flex;flex-direction:column;gap:1px}.sup-cat-reorder-btn{display:flex;align-items:center;justify-content:center;width:18px;height:12px;padding:0;border:1px solid transparent;background:transparent;border-radius:3px;color:#94a3b8;cursor:pointer;transition:all .12s ease;line-height:1}.sup-cat-reorder-btn:hover:not(:disabled){background:#eff6ff;border-color:#bfdbfe;color:var(--c-primary,#1d4e9e)}.sup-cat-reorder-btn:active:not(:disabled){transform:scale(.9)}.sup-cat-reorder-btn:disabled{opacity:.2;color:#cbd5e1;cursor:not-allowed}.sup-cat-grid-name-cell{display:flex;flex-direction:column;gap:3px;padding:1px 0 1px 10px}.sup-cat-grid-item-name{font-weight:400!important;color:#64748b;font-size:12px;line-height:1.45}.sup-cat-grid-item-desc{font-size:12px;color:#64748b;line-height:1.4}.sup-cat-grid-type-cell{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:1px 0 1px 10px}.sup-cat-options-chips-wrap{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.sup-cat-option-chip{display:inline-block;padding:1.5px 7px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;font-size:11.5px;color:#334155;line-height:1.4;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sup-cat-option-chip.is-more{background:#e2e8f0;color:#475569;font-weight:700;font-size:11px}.sup-cat-grid-options-tag{font-size:11.5px;color:#475569;font-family:inherit}.sup-cat-grid-unit{font-size:13.5px;color:#334155;font-weight:600}.sup-cat-check-badge{display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1}.sup-cat-check-badge.is-checked{width:24px;height:24px;border-radius:50%;background:#dcfce7;color:#15803d;border:1.5px solid #86efac;box-shadow:0 1px 2px rgba(22,163,74,.12)}.sup-cat-check-badge.is-optional{color:#94a3b8;font-size:15px;font-weight:600}.sup-cat-toggle-switch{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border-radius:20px;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:inherit;line-height:1}.sup-cat-toggle-switch:hover{background:#f1f5f9;border-color:#e2e8f0}.sup-cat-toggle-switch:focus-visible{outline:2px solid var(--c-primary,#1d4e9e);outline-offset:1px}.sup-cat-toggle-switch.is-readonly{cursor:default;pointer-events:none}.sup-cat-toggle-track{display:inline-block;width:38px;height:22px;border-radius:999px;background:#cbd5e1;position:relative;transition:background-color .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);flex-shrink:0}.sup-cat-toggle-switch.is-active .sup-cat-toggle-track{background:#16a34a}.sup-cat-toggle-thumb{display:block;width:16px;height:16px;border-radius:50%;background:#ffffff;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px rgba(0,0,0,.28);transition:transform .2s cubic-bezier(.4,0,.2,1)}.sup-cat-toggle-switch.is-active .sup-cat-toggle-thumb{transform:translateX(16px)}.sup-cat-toggle-label{font-size:13px;font-weight:700;min-width:28px;text-align:left}.sup-cat-toggle-switch.is-active .sup-cat-toggle-label{color:#15803d}.sup-cat-toggle-switch.is-inactive .sup-cat-toggle-label{color:#64748b}.sup-cat-status-pill-badge,.sup-cat-status-pill-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid transparent;cursor:pointer;background:transparent;transition:all .12s ease}.sup-cat-status-pill-badge.is-active,.sup-cat-status-pill-btn.is-active{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.sup-cat-status-pill-badge.is-inactive,.sup-cat-status-pill-btn.is-inactive{background:#f1f5f9;color:#64748b;border-color:#cbd5e1}.sup-cat-grid-empty-cell{padding:36px 20px!important;text-align:center}.sup-cat-grid-empty-box{display:flex;flex-direction:column;align-items:center;gap:10px;color:#64748b}.sup-cat-grid-empty-box p{margin:0;font-size:14px}@media (max-width:1023px){.sup-cat-dtype-grid{grid-template-columns:repeat(2,1fr)}.sup-cat-master-table{table-layout:auto}}@media (max-width:767px){.sup-cat-division-bar{padding:12px 14px}.sup-cat-division-bar,.sup-cat-division-bar__control{flex-direction:column;align-items:stretch}.sup-cat-division-select,.sup-cat-division-select-wrap{min-width:100%;width:100%}.sup-cat-header__actions{width:100%}.sup-cat-header__actions .sup-cat-btn{width:100%;min-height:44px}.sup-cat-check-grid,.sup-cat-dtype-grid,.sup-cat-form-grid{grid-template-columns:1fr}.sup-cat-sheet__top{padding:8px 12px}.sup-cat-toolbar{flex-direction:column;align-items:stretch;padding:12px}.sup-cat-search{width:100%}.sup-cat-master-table>thead{display:none}.sup-cat-master-table,.sup-cat-master-table>tbody{display:block;width:100%}.sup-cat-master-table{min-width:0}.sup-cat-master-table>tbody>tr.sup-cat-row{display:block;width:100%;box-sizing:border-box;padding:12px 14px;border-bottom:1.5px solid #cbd5e1}.sup-cat-master-table>tbody>tr.sup-cat-row>td{padding:6px 0;border-right:none;text-align:left!important}.sup-cat-master-table>tbody>tr.sup-cat-detail-row,.sup-cat-master-table>tbody>tr.sup-cat-row>td{display:block;width:100%;box-sizing:border-box}.sup-cat-master-table>tbody>tr.sup-cat-detail-row>td{display:block;width:100%;max-width:none;box-sizing:border-box;padding:0;border:none}.sup-cat-grid-wrapper{padding:12px 10px}.sup-cat-grid-toolbar{gap:8px}.sup-cat-grid-hint{display:none}.sup-cat-grid-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:6px}.sup-cat-grid-table{display:table!important;width:100%!important;min-width:760px!important;border-collapse:collapse!important}.sup-cat-grid-table thead{display:table-header-group!important}.sup-cat-grid-table tbody{display:table-row-group!important}.sup-cat-grid-table tr{display:table-row!important}.sup-cat-grid-table td,.sup-cat-grid-table th{display:table-cell!important;width:auto!important;box-sizing:border-box}.sup-cat-sheet-tabs{padding:8px 10px 0;gap:4px}.sup-cat-sheet-tab{padding:7px 12px;font-size:13px}.sup-cat-row td.col-num,.sup-cat-row td.col-tpl{display:flex;align-items:center;justify-content:space-between}.sup-cat-row td.col-num:before,.sup-cat-row td.col-tpl:before{content:attr(data-label);font-size:12.5px;font-weight:700;color:#475569}.sup-cat-row td.col-act{padding-top:10px}.sup-cat-detail-toggle-btn,.sup-cat-row__actions{width:100%}.sup-cat-detail-box{margin:10px}.sup-cat-item-card{flex-direction:column;gap:10px}.sup-cat-item-card__order{flex-direction:row;width:100%;justify-content:space-between}.sup-cat-order-btns{flex-direction:row}.sup-cat-item-card__actions{width:100%;justify-content:flex-end;border-top:1px solid #f1f5f9;padding-top:8px}.sup-cat-options-builder__add{flex-direction:column}.sup-cat-modal-backdrop{padding:8px}.sup-cat-modal__foot{flex-direction:column-reverse;align-items:stretch}.sup-cat-modal__foot .sup-cat-btn{width:100%;min-height:44px}}.sup-cat-quick-guide__steps{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sup-cat-qstep{gap:6px;font-size:13px;color:#1e3a8a}.sup-cat-qstep,.sup-cat-qstep-num{display:inline-flex;align-items:center}.sup-cat-qstep-num{justify-content:center;width:18px;height:18px;border-radius:50%;background:#1d4e9e;color:#ffffff;font-size:11px;font-weight:700;line-height:1}.sup-cat-qstep-divider{color:#93c5fd;font-weight:700}@media (max-width:767px){.sup-cat-grid-wrapper{padding:14px 12px}.sup-cat-grid-table-wrap{overflow:visible;border:0;background:transparent}.sup-cat-grid-table{display:block!important;width:100%!important;min-width:0!important}.sup-cat-grid-table thead{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.sup-cat-grid-table tbody{display:grid!important;grid-gap:10px;gap:10px}.sup-cat-grid-table tbody tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0 14px;gap:0 14px;padding:8px 12px;border:1px solid #dbe3ee;border-radius:8px;background:#ffffff}.sup-cat-grid-table tbody tr.sup-cat-grid-row--editing{background:#f8fafc;border-color:#93b4dc}.sup-cat-grid-table tbody tr.sup-cat-grid-row--new{background:#f8fafc;border-color:#7fb7ad}.sup-cat-grid-row--editing td,.sup-cat-grid-row--editing td.col-center,.sup-cat-grid-row--new td,.sup-cat-grid-row--new td.col-center,.sup-cat-grid-table tbody td{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;width:auto!important;min-width:0;padding:10px 0!important;border:0!important;background:transparent;text-align:left!important;overflow-wrap:anywhere}.sup-cat-grid-table tbody td:before{color:#64748b;font-size:12px;font-weight:600;line-height:1.4}.sup-cat-grid-table tbody td:first-child:before{content:"ลำดับ"}.sup-cat-grid-table tbody td:nth-child(2){grid-column:1/-1}.sup-cat-grid-table tbody td:nth-child(2):before{content:"ชื่อรายการ / สิ่งที่ขอ"}.sup-cat-grid-table tbody td:nth-child(3):before{content:"ชนิดข้อมูล"}.sup-cat-grid-table tbody td:nth-child(4),.sup-cat-grid-table tbody td:nth-child(5){flex-direction:row;align-items:center}.sup-cat-grid-table tbody td:nth-child(4):before{content:"บังคับระบุ"}.sup-cat-grid-table tbody td:nth-child(5):before{content:"แนบไฟล์"}.sup-cat-grid-table tbody td:nth-child(6):before{content:"สถานะ"}.sup-cat-grid-table tbody td:nth-child(7):before{content:"จัดการ"}.sup-cat-grid-name-cell,.sup-cat-inline-field-group{gap:8px;width:100%}.sup-cat-grid-item-desc{font-size:13px;line-height:1.6}.sup-cat-grid-action-btns,.sup-cat-grid-order-arrows{gap:8px}.sup-cat-grid-action-btn,.sup-cat-grid-icon-btn,.sup-cat-grid-order-btn{width:44px;height:44px}.sup-cat-inline-input,.sup-cat-inline-input--sub,.sup-cat-inline-select,.sup-cat-toggle-switch-btn{min-height:44px}.sup-cat-inline-input--sub{height:auto}}.master-help-banner{margin:14px 18px 0;padding:12px 16px;border-radius:8px;background:#f0f9ff;border:1px solid #bae6fd;color:#0c4a6e;font-size:13.5px;line-height:1.6}.master-code-chip{display:inline-block;font-weight:600;padding:2px 8px;background:#f1f5f9;color:#334155;border-radius:4px;font-size:12px;font-family:monospace}.master-code-chip--sm{padding:1px 5px;font-size:11.5px;font-weight:500}