@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;900&display=swap";.tb-user-menu[data-v-d9bc5fd2]{position:relative;display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .14s;-webkit-user-select:none;user-select:none}.tb-user-menu[data-v-d9bc5fd2]:hover{background:#ffffff14}.tb-dropdown[data-v-d9bc5fd2]{position:absolute;top:calc(100% + 8px);right:0;background:#2d3748;border-radius:8px;box-shadow:0 8px 24px #00000059;min-width:200px;z-index:1000;overflow:hidden}.tb-dropdown-header[data-v-d9bc5fd2]{padding:12px 16px;font-size:13px;color:#ffffff80;border-bottom:1px solid rgba(255,255,255,.08)}.tb-dropdown-item[data-v-d9bc5fd2]{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:14px;color:#ffffffd9;cursor:pointer;transition:background .12s}.tb-dropdown-item[data-v-d9bc5fd2]:hover{background:#ffffff14}.tb-dropdown-item--danger[data-v-d9bc5fd2]{color:#f87171}.tb-dropdown-item--danger[data-v-d9bc5fd2]:hover{background:#ef44441f}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Noto Sans TC,-apple-system,sans-serif;font-size:14px;color:#111827;background:#edf0f4}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.app-wrap{display:flex;min-height:100vh}.sidebar{width:232px;min-width:232px;background:#1a2942;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:200;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.main-area{margin-left:232px;flex:1;display:flex;flex-direction:column;min-height:100vh}.topbar{background:#233452;color:#fff;height:56px;display:flex;align-items:center;padding:0 24px;gap:14px;position:sticky;top:0;z-index:100;box-shadow:0 1px #ffffff0a inset,0 2px 12px #0f172a1f;border-bottom:1px solid rgba(0,0,0,.15);flex-shrink:0}.page-content{flex:1;padding:24px}.sb-brand{padding:18px 16px 14px;border-bottom:1px solid rgba(255,255,255,.07)}.sb-brand-name{color:#fff;font-size:13.5px;font-weight:700;line-height:1.4;letter-spacing:.02em}.sb-brand-sub{color:#fff6;font-size:11px;margin-top:2px}.sb-section{padding:6px 0}.sb-section-label{padding:10px 16px 3px;color:#ffffff4d;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.sb-item{display:flex;align-items:center;gap:9px;padding:9px 16px;color:#ffffffa6;cursor:pointer;transition:all .13s;font-size:13.5px;border-left:3px solid transparent;-webkit-user-select:none;user-select:none}.sb-item:hover{background:#ffffff0f;color:#fff}.sb-item.active{color:#fff;background:#d70d1838;border-left-color:#e05560}.sb-item.sub{padding-left:40px;font-size:13px;color:#ffffff8c}.sb-item.sub:hover{color:#ffffffe6}.sb-item.sub.active{color:#fff;border-left-color:#e05560;background:#d70d182e}.sb-item svg{flex-shrink:0;opacity:.75}.sb-item.active svg,.sb-item:hover svg{opacity:1}.sb-chevron{margin-left:auto;transition:transform .2s}.sb-chevron.open{transform:rotate(90deg)}.sb-divider{margin:4px 16px;border:none;border-top:1px solid rgba(255,255,255,.07)}.tb-mark{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,#e01420,#b50a13);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #d70d1866}.tb-logo{font-size:14.5px;font-weight:700;letter-spacing:.02em}.tb-crumbs{display:flex;align-items:center;gap:9px}.tb-crumb{font-size:13.5px;color:#ffffff8c}.tb-crumb-cur{font-size:14.5px;font-weight:600;color:#fff;letter-spacing:.01em}.tb-crumb-sep{color:#ffffff47;font-size:12px}.tb-sep{width:1px;height:20px;background:#ffffff2e}.tb-label{font-size:12.5px;color:#fff9}.tb-spacer{flex:1}.tb-user{font-size:13px;color:#ffffffd9}.tb-bell{width:34px;height:34px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;cursor:pointer;transition:background .14s;position:relative}.tb-bell:hover{background:#ffffff14;color:#fff}.tb-bell:after{content:"";position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:#e05560;border:2px solid #233452}.tb-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.22);color:#fff;padding:5px 15px;border-radius:6px;font-size:13px;transition:all .15s}.tb-btn:hover{background:#fff3;border-color:#ffffff59}.tb-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#4a6a92,#2f4a6e);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}.card{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012,0 0 1px #0000000d}.card-header{padding:14px 20px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-size:14px;font-weight:600;color:#111}.card-body{padding:20px}.ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.ph-title{font-size:21px;font-weight:700;color:#0f172a}.ph-actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;border-radius:6px;font-size:13.5px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .14s;white-space:nowrap}.btn-sm{padding:4px 10px;font-size:12.5px;border-radius:4px}.btn-primary{background:#d70d18;color:#fff;border-color:#d70d18}.btn-primary:hover{background:#b50a13;border-color:#b50a13}.btn-outline{background:#fff;color:#374151;border-color:#d1d5db}.btn-outline:hover{background:#f9fafb}.btn-danger{background:#fff;color:#dc2626;border-color:#fca5a5}.btn-danger:hover{background:#fef2f2}.btn-amber{background:#fff;color:#b45309;border-color:#fcd34d}.btn-amber:hover{background:#fffbeb}.btn-green{background:#fff;color:#15803d;border-color:#86efac}.btn-green:hover{background:#f0fdf4}.btn-info{background:#fff;color:#2563eb;border-color:#93c5fd}.btn-info:hover{background:#eff6ff}.btn-teal{background:#fff;color:#0e7490;border-color:#67e8f9}.btn-teal:hover{background:#ecfeff}.btn-gray{background:#6b7280;color:#fff;border-color:#6b7280}.btn-gray:hover{background:#4b5563}.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.bg-green{background:#dcfce7;color:#15803d}.bg-red{background:#fee2e2;color:#dc2626}.bg-teal{background:#cffafe;color:#0e7490}.bg-blue{background:#dbeafe;color:#0b8a82}.bg-indigo{background:#e0e7ff;color:#4338ca}.bg-amber{background:#fef3c7;color:#b45309}.bg-gray{background:#f3f4f6;color:#4b5563}.bg-purple{background:#f3e8ff;color:#7e22ce}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{background:#f8f9fb;padding:9px 14px;text-align:left;font-size:12.5px;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap}tbody td{padding:11px 14px;font-size:13.5px;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafafa}.form-group{margin-bottom:14px}.form-label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:5px}.form-label .req{color:#dc2626;margin-left:2px}.form-control{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13.5px;color:#111;background:#fff;outline:none;transition:border-color .14s,box-shadow .14s}.form-control:focus{border-color:#d70d18;box-shadow:0 0 0 3px #d70d181a}.form-control:disabled{background:#f9fafb;color:#9ca3af}.form-hint{font-size:12px;color:#9ca3af;margin-top:4px}.form-row{display:grid;gap:14px}.col-2{grid-template-columns:1fr 1fr}.col-3{grid-template-columns:1fr 1fr 1fr}.form-section{border:1px solid #e5e7eb;border-radius:8px;padding:18px 20px;margin-bottom:18px}.form-section-title{font-size:12px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.filter-bar{background:#fff;border-radius:8px;padding:14px 20px;margin-bottom:16px;display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;box-shadow:0 1px 3px #0000000d}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-label{font-size:12px;font-weight:500;color:#6b7280}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.stat-card{background:#fff;border-radius:8px;padding:18px 20px;box-shadow:0 1px 4px #0000000f}.stat-label{font-size:12px;color:#6b7280;margin-bottom:6px;font-weight:500}.stat-value{font-size:26px;font-weight:700;color:#d70d18}.stat-sub{font-size:12px;color:#9ca3af;margin-top:3px}.section-hd{font-size:15px;font-weight:700;color:#0b8a82;margin:22px 0 10px;display:flex;align-items:center;gap:8px}.section-hd:before{content:"";display:block;width:4px;height:16px;background:currentColor;border-radius:2px}.pane-wrap{display:grid;grid-template-columns:250px 1fr;gap:16px}.pane-list{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;overflow:hidden}.pane-list-hd{padding:12px 16px;border-bottom:1px solid #eee;font-weight:600;font-size:13.5px;display:flex;align-items:center;justify-content:space-between;background:#f8f9fb}.pane-item{padding:11px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;font-size:13.5px;transition:background .1s;color:#374151}.pane-item:hover{background:#f9fafb}.pane-item.sel{background:#fff1f2;color:#d70d18;font-weight:600;border-left:3px solid #d70d18}.pane-right{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012}.pager{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:14px}.pg-btn{padding:4px 10px;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;font-size:12.5px;color:#374151;transition:all .12s}.pg-btn.on{background:#d70d18;border-color:#d70d18;color:#fff}.pg-btn:hover:not(.on){background:#f9fafb}.pager-info{font-size:12.5px;color:#6b7280;margin-right:8px}.empty-state{padding:48px;text-align:center;color:#9ca3af;font-size:14px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.detail-row{display:flex;padding:10px 0;border-bottom:1px solid #f3f4f6;font-size:13.5px}.detail-key{color:#6b7280;width:120px;flex-shrink:0}.detail-val{color:#111;font-weight:500;flex:1}.timeline{padding:16px 0}.tl-item{display:flex;gap:12px;padding:6px 0;font-size:13px;color:#374151}.tl-dot{width:8px;height:8px;border-radius:50%;background:#d70d18;flex-shrink:0;margin-top:4px}.tl-time{color:#9ca3af;width:140px;flex-shrink:0}.alert-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:10px 14px;font-size:13px;color:#0b8a82;margin-top:12px}.alert-warn{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:10px 14px;font-size:13px;color:#b45309}.tab-bar{display:flex;border-bottom:2px solid #e5e7eb;margin-bottom:20px;gap:0}.tab-item{padding:9px 20px;font-size:13.5px;cursor:pointer;color:#6b7280;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .14s;font-weight:500}.tab-item.on{color:#d70d18;border-bottom-color:#d70d18}.tab-item:hover:not(.on){color:#374151}.rbac-tbl th{background:#f8f9fb;padding:8px 12px;text-align:center;font-size:12.5px;font-weight:600;border:1px solid #e5e7eb;color:#6b7280}.rbac-tbl th:first-child{text-align:left}.rbac-tbl td{padding:8px 12px;border:1px solid #e5e7eb;text-align:center;font-size:13px}.rbac-tbl td:first-child{text-align:left;font-weight:600;color:#374151}.log-row{font-family:Courier New,monospace;font-size:12.5px;padding:5px 14px;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;align-items:flex-start}.log-time{color:#9ca3af;white-space:nowrap;width:150px;flex-shrink:0}.log-level{width:55px;flex-shrink:0;font-weight:600}.log-level.INFO{color:#2563eb}.log-level.WARN{color:#d97706}.log-level.ERROR{color:#dc2626}.log-msg{color:#374151}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.media-item{border:2px solid #e5e7eb;border-radius:6px;overflow:hidden;cursor:pointer;transition:border-color .14s}.media-item:hover{border-color:#d70d18}.media-img{width:100%;aspect-ratio:4/3;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:12px}.media-name{padding:6px 8px;font-size:12px;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-result{font-size:13px}.batch-ok{color:#15803d}.batch-warn{color:#d97706}.batch-err{color:#dc2626}input[type=checkbox]{width:14px;height:14px;accent-color:#d70d18;cursor:pointer}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a2942,#243650,#1e3a5f)}.login-card{background:#fff;border-radius:14px;padding:44px 40px;width:380px;box-shadow:0 20px 60px #0000004d}.login-logo{text-align:center;margin-bottom:28px}.login-title{font-size:20px;font-weight:700;color:#d70d18;letter-spacing:.03em}.login-sub{font-size:13px;color:#6b7280;margin-top:4px}.login-sep{height:1px;background:#f0f0f0;margin:24px 0}.login-btn{width:100%;padding:11px;background:#d70d18;color:#fff;border:none;border-radius:7px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s;margin-top:6px;letter-spacing:.05em}.login-btn:hover{background:#b50a13}.login-footer{text-align:center;margin-top:18px;font-size:12px;color:#9ca3af}.sum-tbl{width:100%;font-size:13px;border-collapse:collapse}.sum-tbl th{background:#f8f9fb;padding:7px 12px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb}.sum-tbl td{padding:8px 12px;border-bottom:1px solid #f3f4f6}.sum-tbl tr:last-child td{border-bottom:none}.sum-tbl .num{text-align:right;font-weight:700;color:#d70d18}.prog-wrap{background:#e5e7eb;border-radius:999px;height:6px;overflow:hidden}.prog-bar{height:100%;border-radius:999px;background:#d70d18}.tag{display:inline-flex;align-items:center;padding:1px 7px;border-radius:4px;font-size:11.5px;font-weight:500}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:500;display:flex;align-items:center;justify-content:center}.modal-box{background:#fff;border-radius:10px;box-shadow:0 20px 60px #00000040;min-width:420px;max-width:90vw;max-height:90vh;overflow-y:auto}.modal-hd{padding:18px 24px 14px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:15px;font-weight:600;color:#111}.modal-close{background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;line-height:1;padding:0 4px}.modal-close:hover{color:#374151}.modal-body{padding:20px 24px}.modal-ft{padding:14px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:8px}.drop-zone{border:2px dashed #d1d5db;border-radius:8px;padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .14s,background .14s;color:#6b7280}.drop-zone:hover{border-color:#d70d18;background:#fff5f5;color:#d70d18}.drop-zone-title{font-size:15px;font-weight:600;margin-bottom:6px}.drop-zone-sub{font-size:13px}.steps{display:flex;align-items:center;gap:0;margin-bottom:28px}.step-item{display:flex;align-items:center;gap:8px}.step-num{width:26px;height:26px;border-radius:50%;background:#e5e7eb;color:#9ca3af;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-item.active .step-num{background:#d70d18;color:#fff}.step-item.done .step-num{background:#15803d;color:#fff}.step-label{font-size:13px;color:#9ca3af;font-weight:500}.step-item.active .step-label{color:#d70d18;font-weight:600}.step-item.done .step-label{color:#15803d}.step-line{flex:1;height:1px;background:#e5e7eb;margin:0 8px;min-width:24px}@media(max-width:768px){.sidebar{transform:translate(-100%)}.main-area{margin-left:0}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-card{background:#fff;border-radius:8px;box-shadow:0 20px 60px #00000040;max-width:95vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.bg-selected{background:#f0f9ff}