:root{font-family:Noto Sans TC,Microsoft JhengHei,Arial,sans-serif;color:#1f2937;background:#f5f6f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#f5f6f8}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.page{min-height:100vh}.topbar{min-height:72px;padding:14px 32px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{color:#e86718;font-size:21px;font-weight:700;letter-spacing:.02em}.subtitle{margin-top:4px;color:#6b7280;font-size:13px}.account-area{display:flex;align-items:center;gap:14px;color:#374151;font-size:14px}.content{width:min(1440px,100%);margin:0 auto;padding:30px 32px 48px}.page-heading{margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.page-heading h1{margin:0;color:#111827;font-size:28px}.page-heading p{margin:7px 0 0;color:#6b7280;font-size:14px}.panel{overflow:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 14px #0f172a0d}.filters{padding:20px;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:minmax(260px,1fr) 180px auto;gap:12px}.filters input,.filters select{height:42px;padding:0 13px;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none}.filters input:focus,.filters select:focus{border-color:#e86718;box-shadow:0 0 0 3px #e867181f}.primary-button,.secondary-button{min-height:40px;padding:0 18px;border-radius:7px;font-weight:600}.primary-button{color:#fff;background:#e86718;border:1px solid #e86718}.primary-button:hover:not(:disabled){background:#cf5b13;border-color:#cf5b13}.secondary-button{color:#374151;background:#fff;border:1px solid #d1d5db}.secondary-button:hover{background:#f9fafb}.summary{padding:15px 20px;color:#4b5563;border-bottom:1px solid #e5e7eb;font-size:14px}.error-message{margin:16px 20px 0;padding:12px 14px;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;font-size:14px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;min-width:920px;border-collapse:collapse}th,td{padding:15px 18px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:middle;font-size:14px}th{color:#4b5563;background:#f9fafb;font-size:13px;font-weight:700;white-space:nowrap}tbody tr:hover{background:#fffaf6}tbody tr:last-child td{border-bottom:0}.username{color:#111827;font-weight:600}.badge{display:inline-flex;min-width:62px;min-height:28px;padding:4px 10px;border-radius:999px;align-items:center;justify-content:center;font-size:12px;font-weight:600;white-space:nowrap}.badge.active,.badge.access{color:#166534;background:#dcfce7}.badge.inactive,.badge.no-access{color:#991b1b;background:#fee2e2}.access-denied{min-height:100vh;padding:24px;display:grid;place-items:center;background:#f5f6f8}.message-card{width:min(460px,100%);padding:36px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #0f172a14;text-align:center}.message-card h1{margin:0;color:#111827}.message-card p{margin:14px 0 24px;color:#6b7280}.message-card button{min-height:42px;padding:0 20px;color:#fff;background:#e86718;border:0;border-radius:7px}@media(max-width:760px){.topbar{padding:14px 18px;align-items:flex-start;flex-direction:column}.account-area{width:100%;justify-content:space-between}.content{padding:22px 14px 36px}.page-heading{align-items:stretch;flex-direction:column}.page-heading .primary-button{width:100%}.filters{grid-template-columns:1fr}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;padding:24px;background:#1118278c;display:flex;align-items:center;justify-content:center;overflow-y:auto}.modal-card{width:min(680px,100%);max-height:calc(100vh - 48px);overflow-y:auto;background:#fff;border-radius:14px;box-shadow:0 24px 70px #00000038}.modal-header{padding:22px 24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.modal-header h2{margin:0;color:#111827;font-size:22px}.modal-header p{margin:7px 0 0;color:#6b7280;font-size:14px}.icon-button{width:36px;height:36px;padding:0;color:#6b7280;background:transparent;border:0;border-radius:6px;font-size:28px;line-height:1}.icon-button:hover:not(:disabled){color:#111827;background:#f3f4f6}.modal-form{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full-width{grid-column:1 / -1}.field>span{color:#374151;font-size:14px;font-weight:600}.field strong{margin-left:4px;color:#dc2626}.field input{width:100%;height:42px;padding:0 12px;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none}.field input:focus{border-color:#e86718;box-shadow:0 0 0 3px #e867181f}.field small{color:#6b7280;font-size:12px;line-height:1.5}.checkbox-group{margin-top:20px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:12px}.checkbox-field{display:flex;align-items:center;gap:10px;color:#374151;font-size:14px}.checkbox-field input{width:17px;height:17px;accent-color:#e86718}.portal-notice{margin-top:16px;padding:12px 14px;color:#374151;background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;font-size:13px}.portal-notice code{margin:0 4px;color:#c2410c;font-weight:700}.modal-error{margin:16px 0 0}.modal-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}@media(max-width:620px){.modal-backdrop{padding:10px;align-items:flex-start}.modal-card{max-height:none}.form-grid{grid-template-columns:1fr}.field.full-width{grid-column:auto}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.clickable-row{cursor:pointer}.clickable-row:focus-within,.clickable-row:hover{background:#fff7ed}.modal-loading{padding:40px 24px;color:#6b7280;text-align:center}.detail-meta{margin-top:18px;padding:14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:12px}.detail-meta>div{display:grid;gap:4px}.detail-meta span{color:#6b7280;font-size:12px}.detail-meta strong{color:#111827;font-size:14px}.detail-meta code{overflow-wrap:anywhere;color:#374151;font-size:12px}.field input:disabled{color:#6b7280;background:#f3f4f6;cursor:not-allowed}.password-section{margin-top:20px;padding:18px;background:#fffaf6;border:1px solid #fed7aa;border-radius:9px}.section-heading{margin-bottom:16px}.section-heading h3{margin:0;color:#111827;font-size:16px}.section-heading p{margin:5px 0 0;color:#6b7280;font-size:12px}.password-checkbox{margin-top:14px}.password-actions{margin-top:16px;display:flex;justify-content:flex-end}.success-message{margin-top:14px;padding:11px 13px;color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7px;font-size:13px}.portal-access-section{margin-top:20px;padding:18px;background:#f8fafc;border:1px solid #dbe2ea;border-radius:9px}.portal-access-status{margin-top:14px;color:#6b7280;font-size:13px}.portal-access-status strong{margin-left:5px;color:#111827}.platform-roles-section{margin-top:20px;padding:18px;background:#fff;border:1px solid #dbe2ea;border-radius:9px}.platform-roles-loading,.platform-roles-empty{padding:18px 12px;color:#6b7280;background:#f8fafc;border-radius:7px;text-align:center;font-size:13px}.platform-role-groups{display:grid;gap:14px}.platform-role-group{overflow:hidden;border:1px solid #e5e7eb;border-radius:8px}.platform-role-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.platform-role-header strong{color:#111827;font-size:14px}.platform-role-header code{color:#6b7280;font-size:11px;overflow-wrap:anywhere}.platform-role-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:13px}.platform-role-option{display:flex;align-items:flex-start;gap:9px;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:7px;cursor:pointer}.platform-role-option:hover{background:#fff7ed;border-color:#fdba74}.platform-role-option input{margin-top:3px}.platform-role-option span{display:grid;gap:3px}.platform-role-option strong{color:#1f2937;font-size:13px}.platform-role-option small{color:#6b7280;font-size:11px;line-height:1.4}.platform-role-actions{display:flex;justify-content:flex-end;margin-top:16px}@media(max-width:640px){.platform-role-header{align-items:flex-start;flex-direction:column}.platform-role-options{grid-template-columns:1fr}}.management-roles-section{margin-top:20px;padding:18px;background:#fffaf6;border:1px solid #fed7aa;border-radius:9px}.management-warning{margin-bottom:14px;padding:11px 13px;color:#9a3412;background:#fff7ed;border:1px solid #fdba74;border-radius:7px;font-size:13px;line-height:1.5}.management-role-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.management-role-option{display:flex;align-items:flex-start;gap:10px;padding:13px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer}.management-role-option:hover{background:#fff7ed;border-color:#fb923c}.management-role-option input{margin-top:3px}.management-role-option span{display:grid;gap:4px}.management-role-option strong{color:#1f2937;font-size:13px}.management-role-option small{color:#6b7280;font-size:11px;line-height:1.4}