:root{--color-primary:#0097a7;--color-primary-hover:#00838f;--color-primary-light:#e0f7fa;--color-primary-muted:#b2ebf2;--color-text:#333;--color-text-secondary:#666;--color-text-muted:#999;--color-text-heading:#1a1a2e;--color-brand-heading:#1565c0;--color-bg:#fff;--color-bg-page:#f5f8fa;--color-bg-sidebar:#e8f5f3;--color-bg-sidebar-active:#c8ebe6;--color-bg-input:#fff;--color-border:#e0e0e0;--color-border-light:#eee;--color-success:#4caf50;--color-success-bg:#e8f5e9;--color-info:#42a5f5;--color-info-bg:#e3f2fd;--color-warning:#ff9800;--color-warning-bg:#fff3e0;--color-danger:#ef5350;--color-danger-bg:#ffebee;--color-purple:#7e57c2;--color-purple-bg:#ede7f6;--color-disabled:#bdbdbd;--color-disabled-bg:#f5f5f5;--shadow-card:0 4px 20px #00000014;--shadow-sm:0 2px 8px #0000000f;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-family:"Microsoft JhengHei", "PingFang TC", "Noto Sans TC", system-ui, sans-serif;--sidebar-width:200px;--header-height:72px;--breakpoint-md:960px;--breakpoint-sm:640px}@media (width<=640px){:root{--header-height:64px}}*,:before,:after{box-sizing:border-box}html,body{min-height:100vh;font-family:var(--font-family);color:var(--color-text);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:14px;line-height:1.5}#app{min-height:100vh}button{cursor:pointer;font-family:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}.login-page[data-v-bfb359cb]{background:linear-gradient(135deg,#e0f2fe 0%,#ccfbf1 50%,#e0f7fa 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-page__bg[data-v-bfb359cb]{pointer-events:none;position:absolute;inset:0}.login-page__wave[data-v-bfb359cb]{background:#ffffff59;border-radius:50%;position:absolute}.login-page__wave--1[data-v-bfb359cb]{width:600px;height:600px;top:-200px;right:-150px}.login-page__wave--2[data-v-bfb359cb]{width:400px;height:400px;bottom:-100px;left:-100px}.login-page__dots[data-v-bfb359cb]{background-image:radial-gradient(circle,#0097a726 1.5px,#0000 1.5px);background-size:12px 12px;width:120px;height:120px;position:absolute}.login-page__dots--tl[data-v-bfb359cb]{top:40px;left:40px}.login-page__dots--br[data-v-bfb359cb]{bottom:40px;right:40px}.login-card[data-v-bfb359cb]{background:var(--color-bg);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-card);text-align:center;padding:48px 40px 40px;position:relative}.login-card__logo[data-v-bfb359cb]{object-fit:contain;width:80px;height:auto;margin:0 auto 20px;display:block}.login-card__title[data-v-bfb359cb]{color:var(--color-text-heading);letter-spacing:.5px;margin:0 0 4px;font-size:22px;font-weight:700}.login-card__subtitle[data-v-bfb359cb]{color:var(--color-text-muted);margin:0 0 32px;font-size:13px}.login-form[data-v-bfb359cb]{text-align:left}.login-form__field[data-v-bfb359cb]{margin-bottom:20px}.login-form__label[data-v-bfb359cb]{color:var(--color-text-secondary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.login-form__input-wrap[data-v-bfb359cb]{align-items:center;display:flex;position:relative}.login-form__icon[data-v-bfb359cb]{color:var(--color-text-muted);pointer-events:none;position:absolute;left:14px}.login-form__input[data-v-bfb359cb]{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;height:44px;color:var(--color-text);background:var(--color-bg-input);outline:none;padding:0 14px 0 42px;font-size:14px;transition:border-color .2s}.login-form__input--password[data-v-bfb359cb]{padding-right:42px}.login-form__input[data-v-bfb359cb]::placeholder{color:var(--color-text-muted)}.login-form__input[data-v-bfb359cb]:focus{border-color:var(--color-primary)}.login-form__toggle[data-v-bfb359cb]{color:var(--color-text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.login-form__toggle[data-v-bfb359cb]:hover{color:var(--color-text-secondary)}.login-form__error[data-v-bfb359cb]{border-radius:var(--radius-sm);color:#b42318;background:#fef3f2;margin:0;padding:10px 12px;font-size:14px}.login-form__submit[data-v-bfb359cb]{border-radius:var(--radius-sm);color:#fff;background:var(--color-primary);border:none;width:100%;height:44px;margin-top:8px;font-size:15px;font-weight:600;transition:background .2s}.login-form__submit[data-v-bfb359cb]:hover:not(:disabled){background:var(--color-primary-hover)}.login-form__submit[data-v-bfb359cb]:disabled{opacity:.6;cursor:not-allowed}.modal-overlay[data-v-8df64699]{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal[data-v-8df64699]{background:var(--color-bg);border-radius:var(--radius-md);width:100%;max-width:480px;box-shadow:var(--shadow-card);padding:24px 28px 28px}.modal__header[data-v-8df64699]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal__title[data-v-8df64699]{color:var(--color-text-heading);margin:0;font-size:18px;font-weight:700}.modal__close[data-v-8df64699]{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.modal__close[data-v-8df64699]:hover:not(:disabled){color:var(--color-text-secondary)}.modal__close[data-v-8df64699]:disabled{opacity:.5;cursor:not-allowed}.modal__field[data-v-8df64699]{margin-bottom:20px}.modal__label[data-v-8df64699]{color:var(--color-text-secondary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.modal__input-wrap[data-v-8df64699]{align-items:center;display:flex;position:relative}.modal__icon[data-v-8df64699]{color:var(--color-text-muted);pointer-events:none;position:absolute;left:14px}.modal__input[data-v-8df64699]{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;height:44px;color:var(--color-text);background:var(--color-bg-input);outline:none;padding:0 14px 0 42px;font-size:14px;transition:border-color .2s}.modal__input--password[data-v-8df64699]{padding-right:42px}.modal__input[data-v-8df64699]::placeholder{color:var(--color-text-muted)}.modal__input[data-v-8df64699]:focus{border-color:var(--color-primary)}.modal__toggle[data-v-8df64699]{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.modal__toggle[data-v-8df64699]:hover{color:var(--color-text-secondary)}.modal__error[data-v-8df64699]{border-radius:var(--radius-sm);color:#b42318;background:#fef3f2;margin:0 0 16px;padding:10px 12px;font-size:14px}.modal__footer[data-v-8df64699]{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.modal__btn[data-v-8df64699]{border-radius:var(--radius-sm);cursor:pointer;min-width:80px;height:40px;padding:0 20px;font-size:14px;font-weight:500;transition:background .2s,border-color .2s}.modal__btn--cancel[data-v-8df64699]{border:1px solid var(--color-border);color:var(--color-text);background:var(--color-bg)}.modal__btn--cancel[data-v-8df64699]:hover:not(:disabled){border-color:var(--color-text-muted)}.modal__btn--submit[data-v-8df64699]{color:#fff;background:var(--color-primary);border:none}.modal__btn--submit[data-v-8df64699]:hover:not(:disabled){background:var(--color-primary-hover)}.modal__btn[data-v-8df64699]:disabled{opacity:.6;cursor:not-allowed}.header[data-v-65752ee0]{height:var(--header-height);background:var(--color-bg);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;gap:12px;padding:0 28px;display:flex}.header__left[data-v-65752ee0]{align-items:center;gap:8px;min-width:0;display:flex}.header__menu-btn[data-v-65752ee0]{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:none}.header__menu-btn[data-v-65752ee0]:hover{color:var(--color-primary);background:var(--color-bg-page)}.header__brand[data-v-65752ee0]{flex-direction:column;gap:1px;min-width:0;display:flex}.header__title[data-v-65752ee0]{color:var(--color-brand-heading);letter-spacing:.3px;margin:0;font-size:18px;font-weight:700}.header__subtitle[data-v-65752ee0]{color:var(--color-text-muted);margin:0;font-size:11px}.header__user-menu[data-v-65752ee0]{flex-shrink:0;display:inline-flex;position:relative}.header__user-trigger[data-v-65752ee0]{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:6px 12px;transition:background .2s;display:flex}.header__user-trigger[data-v-65752ee0]:hover,.header__user-trigger[aria-expanded=true][data-v-65752ee0]{background:var(--color-bg-page)}.header__avatar[data-v-65752ee0]{border-radius:50%;width:36px;height:36px;overflow:hidden}.header__avatar svg[data-v-65752ee0]{width:100%;height:100%;display:block}.header__username[data-v-65752ee0]{color:var(--color-text);font-size:14px}.header__dropdown[data-v-65752ee0]{z-index:100;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);width:max-content;min-width:100%;box-shadow:var(--shadow-sm);padding:6px 0;position:absolute;top:calc(100% + 4px);left:auto;right:0}.header__dropdown-item[data-v-65752ee0]{text-align:left;width:100%;color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:14px;transition:background .2s;display:block}.header__dropdown-item[data-v-65752ee0]:hover{background:var(--color-bg-page)}@media (width<=960px){.header[data-v-65752ee0]{padding:0 16px}.header__menu-btn[data-v-65752ee0]{display:inline-flex}.header__subtitle[data-v-65752ee0]{display:none}}@media (width<=640px){.header[data-v-65752ee0]{padding:0 12px}.header__title[data-v-65752ee0]{font-size:16px}.header__username[data-v-65752ee0]{display:none}.header__user-trigger[data-v-65752ee0]{padding:4px}}.sidebar[data-v-b9637c68]{width:var(--sidebar-width);background:var(--color-bg-sidebar);flex-shrink:0;padding:16px 12px}.sidebar__nav[data-v-b9637c68]{flex-direction:column;gap:4px;display:flex}.sidebar__item[data-v-b9637c68]{border-radius:var(--radius-sm);color:var(--color-text-secondary);align-items:center;gap:10px;padding:10px 14px;font-size:14px;transition:background .2s,color .2s;display:flex}.sidebar__item[data-v-b9637c68]:hover{color:var(--color-text);background:#ffffff80}.sidebar__item--active[data-v-b9637c68]{background:var(--color-bg-sidebar-active);color:var(--color-primary);font-weight:500}.sidebar__icon[data-v-b9637c68]{flex-shrink:0}@media (width<=960px){.sidebar[data-v-b9637c68]{top:var(--header-height);z-index:50;width:min(var(--sidebar-width), 84vw);box-shadow:var(--shadow-card);padding-top:12px;transition:transform .2s;position:fixed;bottom:0;left:0;transform:translate(-105%)}.sidebar--open[data-v-b9637c68]{transform:translate(0)}}.dashboard[data-v-f768880a]{background:var(--color-bg-page);flex-direction:column;min-height:100vh;display:flex}.dashboard__body[data-v-f768880a]{flex:1;min-height:0;display:flex;position:relative}.dashboard__main[data-v-f768880a]{flex:1;min-width:0;padding:24px 28px;overflow:auto}.dashboard__backdrop[data-v-f768880a]{display:none}@media (width<=960px){.dashboard__main[data-v-f768880a]{padding:16px}.dashboard__backdrop[data-v-f768880a]{inset:var(--header-height) 0 0;z-index:40;background:#00000059;display:block;position:fixed}}@media (width<=640px){.dashboard__main[data-v-f768880a]{padding:12px}}.role-card[data-v-6bec8464]{background:var(--color-bg);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-sm);border:2px solid #0000;justify-content:space-between;align-items:center;padding:8px;transition:border-color .2s,box-shadow .2s;display:flex}.role-card[data-v-6bec8464]:hover{box-shadow:var(--shadow-card)}.role-card--active[data-v-6bec8464]{border-color:var(--color-primary)}.role-card__name[data-v-6bec8464]{color:var(--color-text);font-size:14px;font-weight:500}.role-card__select[data-v-6bec8464]{text-align:left;background:0 0;border:none;flex:1;align-items:center;min-height:40px;padding:0 8px;display:flex}.role-card__actions[data-v-6bec8464]{gap:6px;margin-left:8px;display:flex}.role-card__btn[data-v-6bec8464]{background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .2s;display:flex}.role-card__btn--edit[data-v-6bec8464]{color:var(--color-success)}.role-card__btn--edit[data-v-6bec8464]:hover{background:var(--color-success-bg)}.role-card__btn--delete[data-v-6bec8464]{color:var(--color-danger)}.role-card__btn--delete[data-v-6bec8464]:hover{background:var(--color-danger-bg)}@media (width<=640px){.role-card[data-v-6bec8464]{width:100%;min-width:0}}.perm-matrix[data-v-2ad6aaaa]{background:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.perm-matrix__header[data-v-2ad6aaaa]{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.perm-matrix__title[data-v-2ad6aaaa]{color:var(--color-text-heading);margin:0;font-size:15px;font-weight:600}.perm-matrix__actions[data-v-2ad6aaaa]{align-items:center;gap:8px;display:flex}.perm-matrix__mode[data-v-2ad6aaaa],.perm-matrix__save[data-v-2ad6aaaa]{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:border-color .2s,color .2s,background .2s;display:flex}.perm-matrix__mode[data-v-2ad6aaaa]{border:1px solid var(--color-border);color:var(--color-text-secondary);background:var(--color-bg)}.perm-matrix__mode[data-v-2ad6aaaa]:hover{border-color:var(--color-primary);color:var(--color-primary)}.perm-matrix__mode--static[data-v-2ad6aaaa]{cursor:default}.perm-matrix__mode--static[data-v-2ad6aaaa]:hover{border-color:var(--color-border);color:var(--color-text-secondary)}.perm-matrix__save[data-v-2ad6aaaa]{color:#fff;background:var(--color-primary);border:none}.perm-matrix__save[data-v-2ad6aaaa]:hover:not(:disabled){background:var(--color-primary-hover)}.perm-matrix__save[data-v-2ad6aaaa]:disabled{opacity:.6;cursor:not-allowed}.perm-matrix__empty[data-v-2ad6aaaa]{text-align:center;color:var(--color-text-muted);padding:32px 20px;font-size:14px}.perm-matrix__table-wrap[data-v-2ad6aaaa]{overflow-x:auto}.perm-matrix__table[data-v-2ad6aaaa]{border-collapse:collapse;width:100%}.perm-matrix__th[data-v-2ad6aaaa]{color:var(--color-text-secondary);text-align:center;border-bottom:1px solid var(--color-border-light);white-space:nowrap;padding:12px 16px;font-size:13px;font-weight:600}.perm-matrix__th--module[data-v-2ad6aaaa]{text-align:left;padding-left:20px}.perm-matrix__td[data-v-2ad6aaaa]{text-align:center;border-bottom:1px solid var(--color-border-light);padding:14px 16px}.perm-matrix__td--module[data-v-2ad6aaaa]{text-align:left;color:var(--color-text);white-space:nowrap;padding-left:20px;font-size:14px}.perm-cell[data-v-2ad6aaaa]{background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.perm-cell--interactive[data-v-2ad6aaaa]:not(:disabled){cursor:pointer}.perm-cell--interactive[data-v-2ad6aaaa]:not(:disabled):hover{transform:scale(1.05)}.perm-cell--granted.perm-cell--all[data-v-2ad6aaaa]{color:var(--color-purple);background:var(--color-purple-bg)}.perm-cell--granted.perm-cell--view[data-v-2ad6aaaa]{color:var(--color-success);background:var(--color-success-bg)}.perm-cell--granted.perm-cell--add[data-v-2ad6aaaa]{color:var(--color-info);background:var(--color-info-bg)}.perm-cell--granted.perm-cell--edit[data-v-2ad6aaaa]{color:var(--color-warning);background:var(--color-warning-bg)}.perm-cell--granted.perm-cell--delete[data-v-2ad6aaaa]{color:var(--color-danger);background:var(--color-danger-bg)}.perm-cell--denied[data-v-2ad6aaaa]{color:var(--color-disabled);background:var(--color-disabled-bg)}.perm-cell[data-v-2ad6aaaa]:disabled{cursor:default}@media (width<=960px){.perm-matrix__header[data-v-2ad6aaaa]{flex-wrap:wrap;padding:14px 16px}.perm-matrix__th[data-v-2ad6aaaa],.perm-matrix__td[data-v-2ad6aaaa]{padding:10px 12px}.perm-matrix__th--module[data-v-2ad6aaaa],.perm-matrix__td--module[data-v-2ad6aaaa]{padding-left:16px}}@media (width<=640px){.perm-matrix__header[data-v-2ad6aaaa]{flex-direction:column;align-items:stretch}.perm-matrix__actions[data-v-2ad6aaaa]{flex-wrap:wrap;justify-content:flex-start;width:100%}.perm-matrix__mode[data-v-2ad6aaaa],.perm-matrix__save[data-v-2ad6aaaa]{flex:1;justify-content:center}.perm-matrix__table[data-v-2ad6aaaa]{min-width:520px}.perm-matrix__th[data-v-2ad6aaaa],.perm-matrix__td[data-v-2ad6aaaa]{padding:8px 10px}.perm-cell[data-v-2ad6aaaa]{width:26px;height:26px}}.modal-overlay[data-v-3ecbf961]{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal[data-v-3ecbf961]{background:var(--color-bg);border-radius:var(--radius-md);width:100%;max-width:480px;box-shadow:var(--shadow-card);padding:24px 28px 28px}.modal__header[data-v-3ecbf961]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal__title[data-v-3ecbf961]{color:var(--color-text-heading);margin:0;font-size:18px;font-weight:700}.modal__close[data-v-3ecbf961]{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.modal__close[data-v-3ecbf961]:hover:not(:disabled){color:var(--color-text-secondary)}.modal__close[data-v-3ecbf961]:disabled{opacity:.5;cursor:not-allowed}.modal__field[data-v-3ecbf961]{margin-bottom:20px}.modal__label[data-v-3ecbf961]{color:var(--color-text-secondary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.modal__input[data-v-3ecbf961],.modal__textarea[data-v-3ecbf961]{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);background:var(--color-bg-input);outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.modal__input[data-v-3ecbf961]{height:44px}.modal__input[data-v-3ecbf961]:focus,.modal__textarea[data-v-3ecbf961]:focus{border-color:var(--color-primary)}.modal__input[readonly][data-v-3ecbf961]{color:var(--color-text-muted);background:var(--color-disabled-bg)}.modal__textarea[data-v-3ecbf961]{resize:vertical;min-height:88px}.modal__error[data-v-3ecbf961]{border-radius:var(--radius-sm);color:#b42318;background:#fef3f2;margin:0 0 16px;padding:10px 12px;font-size:14px}.modal__footer[data-v-3ecbf961]{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.modal__btn[data-v-3ecbf961]{border-radius:var(--radius-sm);cursor:pointer;min-width:80px;height:40px;padding:0 20px;font-size:14px;font-weight:500;transition:background .2s,border-color .2s}.modal__btn--cancel[data-v-3ecbf961]{border:1px solid var(--color-border);color:var(--color-text);background:var(--color-bg)}.modal__btn--cancel[data-v-3ecbf961]:hover:not(:disabled){border-color:var(--color-text-muted)}.modal__btn--submit[data-v-3ecbf961]{color:#fff;background:var(--color-primary);border:none}.modal__btn--submit[data-v-3ecbf961]:hover:not(:disabled){background:var(--color-primary-hover)}.modal__btn[data-v-3ecbf961]:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.modal-overlay[data-v-3ecbf961]{align-items:flex-end;padding:12px}.modal[data-v-3ecbf961]{border-radius:var(--radius-md) var(--radius-md) 0 0;max-width:none;padding:20px}.modal__footer[data-v-3ecbf961]{flex-direction:column-reverse}.modal__btn[data-v-3ecbf961]{width:100%}}.permission-page__toolbar[data-v-ab813c59]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.permission-page__title[data-v-ab813c59]{color:var(--color-text-heading);margin:0;font-size:20px;font-weight:700}.permission-page__add[data-v-ab813c59]{border-radius:var(--radius-sm);color:#fff;background:var(--color-primary);border:none;padding:8px 24px;font-size:14px;font-weight:500;transition:background .2s}.permission-page__add[data-v-ab813c59]:hover{background:var(--color-primary-hover)}.permission-page__roles[data-v-ab813c59]{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.permission-page__status[data-v-ab813c59]{color:var(--color-text-muted);margin-bottom:20px;font-size:14px}.permission-page__error[data-v-ab813c59]{border-radius:var(--radius-sm);color:#b42318;background:#fef3f2;margin:0 0 16px;padding:10px 12px;font-size:14px}@media (width<=960px){.permission-page__toolbar[data-v-ab813c59]{margin-bottom:16px}.permission-page__roles[data-v-ab813c59]{gap:8px;margin-bottom:16px}}@media (width<=640px){.permission-page__toolbar[data-v-ab813c59]{align-items:flex-start;gap:12px}.permission-page__title[data-v-ab813c59]{font-size:18px}.permission-page__add[data-v-ab813c59]{padding:8px 16px}.permission-page__roles[data-v-ab813c59]{grid-template-columns:1fr;display:grid}}.placeholder__title[data-v-3b16f0f6]{color:var(--color-text-heading);margin:0 0 8px;font-size:20px;font-weight:700}.placeholder__text[data-v-3b16f0f6]{color:var(--color-text-muted);margin:0}