.page-container{padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-title{font-size:24px;font-weight:600;margin:0}.header-left{display:flex;flex-direction:column;gap:8px}.limit-info{display:flex;align-items:center;gap:6px;font-size:13px;color:#666;padding:6px 12px;background:#f0f7ff;border:1px solid #d0e7ff;border-radius:6px}.limit-info.limit-reached{background:#fff3cd;border-color:#ffc107;color:#856404}.limit-info i{font-size:16px;color:#667eea}.limit-info.limit-reached i{color:#ffc107}.limit-text{font-weight:500}.remaining{color:#28a745;font-weight:600}.remaining.limit-reached{color:#dc3545}.page-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;align-items:flex-end}.filter-group{flex:0 0 auto;width:160px;display:block;margin-bottom:0}.filter-label{display:block;font-size:12px;color:#6c757d;margin-bottom:4px;white-space:nowrap}.filter-group--action{min-width:auto}.page-toolbar .form-control{padding:6px 12px;height:auto;line-height:1.4}.search-box{position:relative;flex:1;max-width:400px}.search-box input{padding-right:40px}.search-box i{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.table-wrapper{background:#fff;border-radius:8px;overflow-x:auto;overflow-y:visible;box-shadow:0 2px 4px rgba(0,0,0,.05);-webkit-overflow-scrolling:touch}.table-wrapper table{width:100%;min-width:600px;border-collapse:collapse}@media (max-width:768px){.page-container{padding:12px}.page-header{flex-direction:column;align-items:flex-start;gap:8px}.page-title{font-size:20px}.page-toolbar{flex-direction:column;gap:8px;align-items:stretch}.filter-group{min-width:100%;width:100%}.search-box{max-width:100%;width:100%}}.tabs-scroll-wrapper[data-v-60388655]{position:relative;margin-bottom:24px}.tabs-scroll-wrapper.has-overflow[data-v-60388655]:after{content:"›";position:absolute;right:0;top:0;bottom:2px;width:48px;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;font-size:20px;font-weight:700;color:#667eea;background:linear-gradient(90deg,transparent,#fff 60%);pointer-events:none;transition:opacity .2s;opacity:1}.tabs-scroll-wrapper.has-overflow.scrolled-end[data-v-60388655]:after{opacity:0}.tabs-scroll-wrapper[data-v-60388655]:before{content:"‹";position:absolute;left:0;top:0;bottom:2px;width:48px;display:flex;align-items:center;justify-content:flex-start;padding-left:6px;font-size:20px;font-weight:700;color:#667eea;background:linear-gradient(270deg,transparent,#fff 60%);pointer-events:none;transition:opacity .2s;opacity:0;z-index:1}.tabs-scroll-wrapper.scrolled-start[data-v-60388655]:before{opacity:1}.settings-tabs[data-v-60388655]{display:flex;gap:4px;border-bottom:2px solid #e9ecef;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:0}.settings-tabs[data-v-60388655]::-webkit-scrollbar{display:none}.tab-btn[data-v-60388655]{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:#6c757d;border-bottom:2px solid transparent;margin-bottom:-2px;border-radius:6px 6px 0 0;transition:all .15s;white-space:nowrap;flex-shrink:0}.tab-btn[data-v-60388655]:hover{color:#667eea;background:#f8f9ff}.tab-btn.active[data-v-60388655]{color:#667eea;border-bottom-color:#667eea;background:#f8f9ff}.tab-btn i[data-v-60388655]{font-size:16px}.settings-card[data-v-60388655]{background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;max-width:760px}.settings-card-header[data-v-60388655]{display:flex;align-items:flex-start;gap:16px;padding:24px;background:#f8f9ff;border-bottom:1px solid #e9ecef}.settings-card-header>i[data-v-60388655]{font-size:32px;color:#667eea;margin-top:2px;flex-shrink:0}.settings-card-title[data-v-60388655]{font-size:18px;font-weight:600;margin:0 0 4px;color:#2d3748}.settings-card-desc[data-v-60388655]{font-size:13px;color:#6c757d;margin:0}.fields-table-wrapper[data-v-60388655]{padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.fields-table[data-v-60388655]{width:100%;min-width:640px;border-collapse:collapse}.fields-table thead th[data-v-60388655]{padding:12px 20px;font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;background:#f8f9fa;border-bottom:1px solid #e9ecef;text-align:center}.fields-table thead th.col-label[data-v-60388655]{text-align:left}.fields-table tbody tr[data-v-60388655]{border-bottom:1px solid #f0f0f0;transition:background .1s}.fields-table tbody tr[data-v-60388655]:last-child{border-bottom:none}.fields-table tbody tr[data-v-60388655]:hover{background:#fafbff}.fields-table tbody tr.is-locked[data-v-60388655]{background:#fafafa}.fields-table td[data-v-60388655]{padding:14px 20px;text-align:center;vertical-align:middle}.fields-table td.col-label[data-v-60388655]{text-align:left}.col-toggle[data-v-60388655]{width:80px}.col-note[data-v-60388655]{min-width:220px;text-align:left!important}.note-input[data-v-60388655]{width:100%;padding:6px 10px;border:1px solid #dee2e6;border-radius:6px;font-size:13px;color:#495057;background:#fff;transition:border-color .15s;box-sizing:border-box}.note-input[data-v-60388655]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.12)}.note-input[data-v-60388655]::-moz-placeholder{color:#ced4da}.note-input[data-v-60388655]::placeholder{color:#ced4da}.note-hint[data-v-60388655]{display:block;margin-top:4px;font-size:11px;color:#adb5bd}.note-hint i[data-v-60388655]{font-size:11px}.note-hint.muted[data-v-60388655]{color:#ced4da}.col-extra[data-v-60388655]{min-width:160px;text-align:left!important}.extra-toggle-row[data-v-60388655]{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:4px 0}.extra-toggle-label[data-v-60388655]{font-size:13px;color:#495057;white-space:nowrap}.field-label[data-v-60388655]{font-size:14px;font-weight:500;color:#2d3748}.lock-badge[data-v-60388655]{display:inline-flex;align-items:center;gap:3px;margin-left:8px;padding:2px 8px;background:#e9ecef;color:#6c757d;font-size:11px;border-radius:10px}.note-text[data-v-60388655]{font-size:12px;color:#6c757d}.note-text.muted[data-v-60388655]{color:#adb5bd}.toggle-switch[data-v-60388655]{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-switch.disabled[data-v-60388655]{cursor:not-allowed;opacity:.5}.toggle-switch input[data-v-60388655]{opacity:0;width:0;height:0;position:absolute}.slider[data-v-60388655]{position:absolute;inset:0;background:#dee2e6;border-radius:24px;transition:background .2s}.slider[data-v-60388655]:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle-switch input:checked+.slider[data-v-60388655]{background:#667eea}.toggle-switch input:checked+.slider[data-v-60388655]:before{transform:translateX(20px)}.settings-card-body[data-v-60388655]{padding:24px;display:flex;flex-direction:column;gap:20px}.settings-card-footer[data-v-60388655]{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e9ecef;background:#fafafa}.alert[data-v-60388655]{padding:8px 14px;border-radius:6px;font-size:13px;flex:1}.alert-danger[data-v-60388655]{background:#fff5f5;color:#c53030;border:1px solid #fed7d7}.alert-success[data-v-60388655]{background:#f0fff4;color:#276749;border:1px solid #c6f6d5}.btn[data-v-60388655]{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s}.btn-primary[data-v-60388655]{background:#667eea;color:#fff}.btn-primary[data-v-60388655]:hover:not(:disabled){background:#5a6fd8}.btn-primary[data-v-60388655]:disabled{opacity:.6;cursor:not-allowed}.loading-state[data-v-60388655]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:#6c757d}.spinner[data-v-60388655]{width:32px;height:32px;border:3px solid #e9ecef;border-top-color:#667eea;border-radius:50%;animation:spin-60388655 .7s linear infinite}.spinner-sm[data-v-60388655]{width:14px;height:14px;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;animation:spin-60388655 .7s linear infinite;flex-shrink:0}@keyframes spin-60388655{to{transform:rotate(1turn)}}.liff-card[data-v-60388655]{margin-bottom:16px;max-width:760px}.liff-card .settings-card-header>i[data-v-60388655]{font-size:28px;color:#06c755}.badge-shared[data-v-60388655]{background:#e8f5e9;color:#2e7d32}.badge-inactive[data-v-60388655],.badge-shared[data-v-60388655]{display:inline-block;margin-left:8px;padding:1px 8px;font-size:11px;border-radius:10px;font-weight:500}.badge-inactive[data-v-60388655]{background:#fee2e2;color:#c53030}.liff-empty[data-v-60388655]{padding:20px 24px;color:#adb5bd;font-size:13px;display:flex;align-items:center;gap:6px}.liff-list[data-v-60388655]{padding:8px 0}.liff-row[data-v-60388655]{display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid #f0f0f0;transition:background .1s}.liff-row[data-v-60388655]:last-child{border-bottom:none}.liff-row[data-v-60388655]:hover{background:#fafbff}.liff-type-badge[data-v-60388655]{padding:3px 10px;border-radius:10px;background:#e8f5e9;color:#2e7d32;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.liff-route-meta[data-v-60388655]{display:flex;align-items:center;gap:6px;width:140px;flex-shrink:0}.liff-route-icon[data-v-60388655]{width:28px;height:28px;border-radius:8px;background:#f0f4ff;color:#667eea;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.liff-route-label[data-v-60388655]{font-size:13px;font-weight:500;color:#2d3748;white-space:nowrap}.liff-info[data-v-60388655]{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.liff-id[data-v-60388655]{font-size:13px;font-weight:600;color:#2d3748;font-family:monospace}.liff-url[data-v-60388655]{font-size:12px;color:#667eea;text-decoration:none;display:flex;align-items:center;gap:4px;word-break:break-all}.liff-url[data-v-60388655]:hover{text-decoration:underline}.liff-url i[data-v-60388655]{font-size:11px;flex-shrink:0}.btn-copy[data-v-60388655]{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid #dee2e6;background:#fff;border-radius:6px;font-size:12px;cursor:pointer;color:#495057;transition:all .15s;flex-shrink:0;white-space:nowrap}.btn-copy[data-v-60388655]:hover{background:#f8f9ff;border-color:#667eea;color:#667eea}.btn-copy.copied[data-v-60388655]{background:#f0fff4;border-color:#38a169;color:#276749}.empty-state[data-v-60388655]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:#adb5bd}.empty-state i[data-v-60388655]{font-size:40px}.empty-state p[data-v-60388655]{font-size:14px;margin:0}.appearance-body[data-v-60388655]{padding:8px 0}.color-group{&[data-v-60388655]{border-bottom:1px solid #f0f0f0;padding:20px 24px}&[data-v-60388655]:last-child{border-bottom:none}}.color-group-title[data-v-60388655]{font-size:14px;font-weight:600;color:#2d3748;margin:0 0 14px;display:flex;align-items:center;gap:8px;justify-content:space-between}.group-badge[data-v-60388655]{display:inline-flex;align-items:center;padding:1px 7px;background:#eef2ff;color:#4f46e5;font-size:11px;font-weight:600;border-radius:4px;letter-spacing:.3px;flex-shrink:0}.home-section-divider{&[data-v-60388655]{display:flex;align-items:center;gap:10px;margin:8px 0 4px}&[data-v-60388655]:after,&[data-v-60388655]:before{content:"";flex:1;height:1px;background:#e2e8f0}.home-section-label[data-v-60388655]{font-size:11px;color:#94a3b8;font-weight:500;white-space:nowrap;padding:0 4px}}.show-toggle{&[data-v-60388655]{display:inline-flex;align-items:center;gap:8px;cursor:pointer;margin-left:auto;flex-shrink:0}input[data-v-60388655]{display:none}.slider{&[data-v-60388655]{position:relative;display:inline-block;width:36px;height:20px;background:#dee2e6;border-radius:20px;transition:background .2s;flex-shrink:0}&[data-v-60388655]:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}}input:checked+.slider{&[data-v-60388655]{background:#667eea}&[data-v-60388655]:before{transform:translateX(16px)}}.show-toggle-label[data-v-60388655]{font-size:12px;font-weight:500;color:#6c757d;min-width:24px}}.color-group-desc[data-v-60388655]{font-size:13px;color:#6c757d;margin:-4px 0 12px}.nav-items-config[data-v-60388655]{display:flex;flex-direction:column;gap:8px}.nav-item-row{&[data-v-60388655]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f8f9fa;border-radius:8px;gap:12px;cursor:grab;transition:background .15s,box-shadow .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}&[data-v-60388655]:active{cursor:grabbing}&.drag-over[data-v-60388655]{background:#e8ecff;box-shadow:0 0 0 2px #667eea}}@media (max-width:600px){.nav-item-row[data-v-60388655]{flex-wrap:wrap;row-gap:8px}.nav-item-label[data-v-60388655]{flex:1;min-width:0}.nav-label-input[data-v-60388655]{width:80px}.placement-selector[data-v-60388655]{width:calc(100% - 40px);margin-left:40px}.placement-btn[data-v-60388655]{flex:1;text-align:center}}.nav-drag-handle{&[data-v-60388655]{color:#adb5bd;font-size:16px;flex-shrink:0;cursor:grab;line-height:1}&[data-v-60388655]:active{cursor:grabbing}}.nav-item-label{&[data-v-60388655]{display:flex;align-items:center;gap:7px;font-size:14px;color:#495057;flex-shrink:0}i[data-v-60388655]{font-size:15px;color:#6c757d}}.nav-label-input{&[data-v-60388655]{border:1px solid #dee2e6;border-radius:5px;padding:3px 8px;font-size:13px;color:#495057;width:120px;outline:none;transition:border-color .15s}&[data-v-60388655]:focus{border-color:#667eea}}.label-text-input{&[data-v-60388655]{border:1px solid #dee2e6;border-radius:5px;padding:5px 10px;font-size:13px;color:#495057;width:140px;outline:none;transition:border-color .15s}&[data-v-60388655]:focus{border-color:#667eea}}.placement-selector[data-v-60388655]{display:flex;border:1px solid #dee2e6;border-radius:6px;overflow:hidden;flex-shrink:0}.placement-btn{&[data-v-60388655]{padding:5px 12px;font-size:12px;font-weight:500;background:#fff;border:none;border-right:1px solid #dee2e6;cursor:pointer;color:#6c757d;transition:background .15s,color .15s;white-space:nowrap}&[data-v-60388655]:last-child{border-right:none}&[data-v-60388655]:hover:not(.active){background:#f0f0f0}&.active[data-v-60388655]{background:#667eea;color:#fff}&.active[data-v-60388655]:last-child{background:#e74c3c}}.visibility-rows[data-v-60388655]{display:flex;flex-direction:column;gap:10px;padding:4px 0}.visibility-row[data-v-60388655]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8f9fa;border-radius:8px;gap:12px}.visibility-label{&[data-v-60388655]{display:flex;align-items:center;gap:6px;font-size:14px;color:#495057}i[data-v-60388655]{font-size:16px;color:#6c757d}}.footer-actions{&[data-v-60388655]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-outline-secondary{&[data-v-60388655]{display:flex;align-items:center;gap:6px;color:#6c757d;border:1px solid #dee2e6;background:#fff;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s}&[data-v-60388655]:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}&[data-v-60388655]:disabled{opacity:.6;cursor:not-allowed}}}.stat-preview[data-v-60388655]{display:inline-flex;align-items:center;padding:4px 14px;border-radius:8px;font-size:13px;font-weight:600;box-sizing:border-box}.color-rows[data-v-60388655]{display:flex;flex-direction:column;gap:12px}.color-row[data-v-60388655]{display:flex;align-items:center;gap:16px}.color-row-label[data-v-60388655]{flex:1;display:flex;flex-direction:column;gap:2px}.color-row-name[data-v-60388655]{font-size:14px;color:#2d3748;font-weight:500}.color-row-desc[data-v-60388655]{font-size:12px;color:#9ca3af}.color-row-ctrl[data-v-60388655]{display:flex;align-items:center;gap:8px;flex-shrink:0}.color-input[data-v-60388655]{width:40px;height:36px;border:1px solid #dee2e6;border-radius:8px;padding:2px;cursor:pointer;background:none;flex-shrink:0}.hex-input{&[data-v-60388655]{width:90px;padding:7px 10px;border:1px solid #dee2e6;border-radius:6px;font-size:13px;font-family:monospace;color:#495057;text-transform:uppercase}&[data-v-60388655]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.12)}}.reset-btn{&[data-v-60388655]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #dee2e6;background:#fff;border-radius:6px;cursor:pointer;color:#6c757d;font-size:14px;transition:all .15s}&[data-v-60388655]:hover{background:#f8f9ff;border-color:#667eea;color:#667eea}}.reg-settings-body[data-v-60388655]{padding:8px 0}.reg-setting-row{&[data-v-60388655]{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-bottom:1px solid #f0f0f0}&[data-v-60388655]:last-child{border-bottom:none}}.reg-setting-label[data-v-60388655]{display:flex;flex-direction:column;gap:6px;flex:1}.reg-setting-name{&[data-v-60388655]{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:#2d3748}i[data-v-60388655]{font-size:16px;color:#667eea}}.reg-setting-desc[data-v-60388655]{font-size:13px;color:#6c757d;line-height:1.5}.rich-menu-mode-body[data-v-60388655]{padding:20px 24px;display:flex;flex-direction:column;gap:12px}.mode-option{&[data-v-60388655]{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}&[data-v-60388655]:hover{background:#f8f9ff;border-color:#c5cdf8}&.active[data-v-60388655]{border-color:#667eea;background:#f0f3ff}}.mode-radio[data-v-60388655]{display:flex;align-items:center;padding-top:2px;flex-shrink:0}.radio-dot{&[data-v-60388655]{width:18px;height:18px;border-radius:50%;border:2px solid #dee2e6;display:flex;align-items:center;justify-content:center;transition:border-color .15s}&.checked[data-v-60388655]{border-color:#667eea;background:radial-gradient(circle,#667eea 6px,transparent 0)}}.mode-icon{&[data-v-60388655]{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}&.schedule[data-v-60388655]{background:#e8f0fe;color:#3b5bdb}&.member[data-v-60388655]{background:#fff9e6;color:#d97706}}.mode-info[data-v-60388655]{display:flex;flex-direction:column;gap:4px;flex:1}.mode-title[data-v-60388655]{font-size:15px;font-weight:600;color:#2d3748}.mode-desc[data-v-60388655]{font-size:13px;color:#6c757d;line-height:1.5}.cross-oa-mode-display[data-v-60388655]{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.cross-oa-current-row[data-v-60388655]{display:flex;flex-direction:column;gap:8px}.cross-oa-label[data-v-60388655]{font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px 0}.mode-badge[data-v-60388655]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;width:-moz-fit-content;width:fit-content}.mode-badge.mode-auto[data-v-60388655]{background:#e6f9ec;color:#1a7f3c;border:1px solid #a7dfb8}.mode-badge.mode-phone[data-v-60388655]{background:#f0f3ff;color:#3b5bdb;border:1px solid #c5cdf8}.mode-description[data-v-60388655]{font-size:13px;color:#6c757d;line-height:1.6;margin:8px 0 0 0}.cross-oa-other-modes[data-v-60388655]{border:1px solid #e9ecef;border-radius:10px;padding:14px 16px;background:#fafafa;display:flex;flex-direction:column;gap:12px}.other-modes-title[data-v-60388655]{font-size:13px;font-weight:600;color:#6c757d;margin:0;display:flex;align-items:center;gap:6px}.other-modes-title i[data-v-60388655]{font-size:15px;color:#9ca3af}.other-mode-item[data-v-60388655]{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.other-mode-desc[data-v-60388655]{font-size:13px;color:#6c757d;margin:0;line-height:1.5;flex:1;min-width:200px}.cross-oa-contact-hint[data-v-60388655]{display:flex;align-items:center;gap:8px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:10px 14px;font-size:13px;color:#92400e}.cross-oa-contact-hint i[data-v-60388655]{font-size:16px;flex-shrink:0;color:#d97706}.coming-soon[data-v-60388655]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;color:#adb5bd}.coming-soon i[data-v-60388655]{font-size:48px}.coming-soon p[data-v-60388655]{font-size:15px;margin:0}.email-tag-list[data-v-60388655]{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.email-tag[data-v-60388655]{display:inline-flex;align-items:center;padding:3px 10px;background:#eaf0fb;color:#3b6fd4;border-radius:20px;font-size:13px;font-weight:500;border:1px solid #c5d7f6}