:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64);--font-scale: 1;--base-font-size: 14px;--small-font-size: 12px;--large-font-size: 16px;--title-font-size: 18px}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body,.filter-label,.form-label,.user-mobile,.user-id,button,input,select,textarea{font-size:var(--base-font-size)}.small-text{font-size:var(--small-font-size)}.large-text{font-size:var(--large-font-size)}.title-text,h1,h2,h3{font-size:var(--title-font-size)}table,.table-cell,.pagination,.nav-item,.breadcrumb,.tab-item{font-size:var(--base-font-size)}body{height:100vh;width:100vw;margin:0;padding:0;overflow:hidden;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100vw;height:100vh;margin:0;padding:0;font-weight:400;font-size:var(--base-font-size)}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}*{font-size:inherit!important}body,html,input,button,select,textarea,label,span,div,p,a,table,th,td,.table-cell{font-size:var(--base-font-size)!important}.small-text,.pagination-info,.user-id,.test-account{font-size:var(--small-font-size)!important}.large-text,.title,.logo-title,h1,h2,h3,h4,h5,h6{font-size:var(--title-font-size)!important}.icon,.app-container *,.main-container *,.content-area *,.filter-section *,.data-table *,.sidebar *,.header *{font-size:inherit!important}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}#app{height:100vh}.login-container[data-v-7553224d]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card[data-v-7553224d]{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:400px}.login-header[data-v-7553224d]{text-align:center;margin-bottom:32px}.logo[data-v-7553224d]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.logo-icon[data-v-7553224d]{font-size:32px}.logo-title[data-v-7553224d]{font-size:24px;font-weight:600;color:#2d3748;margin:0}.login-subtitle[data-v-7553224d]{color:#718096;font-size:16px;margin:0}.login-form[data-v-7553224d]{margin-bottom:24px}.form-group[data-v-7553224d]{margin-bottom:20px}.form-label[data-v-7553224d]{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-input[data-v-7553224d]{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .2s;box-sizing:border-box}.form-input[data-v-7553224d]:focus{outline:none;border-color:#667eea}.form-input[data-v-7553224d]:disabled{background-color:#f9fafb;cursor:not-allowed}.message[data-v-7553224d]{padding:12px;border-radius:8px;font-size:14px;margin-bottom:20px}.error-message[data-v-7553224d]{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.success-message[data-v-7553224d]{background-color:#f0f9ff;border:1px solid #bae6fd;color:#0369a1}.form-actions[data-v-7553224d]{margin-top:24px}.submit-btn[data-v-7553224d]{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn[data-v-7553224d]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.submit-btn[data-v-7553224d]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner[data-v-7553224d]{animation:spin-7553224d 1s linear infinite}@keyframes spin-7553224d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.test-info[data-v-7553224d]{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:16px;text-align:center}.test-title[data-v-7553224d]{font-size:14px;font-weight:600;color:#0369a1;margin:0 0 8px}.test-account[data-v-7553224d]{font-size:12px;color:#0284c7;margin:4px 0}@media (max-width: 480px){.login-card[data-v-7553224d]{padding:24px;margin:16px}.logo-title[data-v-7553224d]{font-size:20px}}.top-header[data-v-aeade2af]{height:60px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000001a;position:relative;z-index:1000}.header-left[data-v-aeade2af]{display:flex;align-items:center;gap:15px}.menu-toggle[data-v-aeade2af]{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .3s}.menu-toggle[data-v-aeade2af]:hover{background:#ffffff1a}.menu-icon[data-v-aeade2af]{font-size:18px;line-height:1}.logo[data-v-aeade2af]{display:flex;align-items:center}.logo-text[data-v-aeade2af]{color:#fff;font-size:18px;font-weight:600;letter-spacing:1px}.header-right[data-v-aeade2af]{display:flex;align-items:center;gap:10px}.header-icon-btn[data-v-aeade2af]{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px;border-radius:4px;cursor:pointer;transition:all .3s;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.header-icon-btn[data-v-aeade2af]:hover{background:#ffffff1a;border-color:#ffffff80}.header-icon-btn .icon[data-v-aeade2af]{font-size:16px;line-height:1}.search-area[data-v-aeade2af]{display:flex;align-items:center;transition:all .3s ease;position:relative;overflow:hidden}.search-area.expanded[data-v-aeade2af]{background:#ffffff26;border-radius:6px;padding:0;width:250px;transform:translate(-150px)}.search-icon-btn[data-v-aeade2af]{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px;border-radius:4px;cursor:pointer;transition:all .3s;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:10}.search-area.expanded .search-icon-btn[data-v-aeade2af]{border:none;padding:8px;width:36px;height:36px;margin-left:8px;transform:translate(0)}.search-icon-btn[data-v-aeade2af]:hover{background:#ffffff1a;border-color:#ffffff80}.search-area.expanded .search-icon-btn[data-v-aeade2af]:hover{background:#ffffff1a}.search-icon-btn .icon[data-v-aeade2af]{font-size:16px;line-height:1}.search-input-inline[data-v-aeade2af]{background:transparent;border:none;outline:none;color:#fff;font-size:14px;padding:8px 12px;flex:1;min-width:0;width:170px;margin-right:8px}.search-input-inline[data-v-aeade2af]::placeholder{color:#ffffffb3}.user-info-enhanced[data-v-aeade2af]{display:flex;align-items:center;gap:16px;margin-right:16px;padding:8px 16px;background-color:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-details[data-v-aeade2af]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333}.user-mobile[data-v-aeade2af]{font-weight:600;color:#2c3e50}.user-separator[data-v-aeade2af]{color:#7f8c8d;font-weight:300}.user-id[data-v-aeade2af]{font-weight:500;color:#34495e;font-size:13px}.logout-btn[data-v-aeade2af]{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #e74c3c4d}.logout-btn[data-v-aeade2af]:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px);box-shadow:0 4px 8px #e74c3c66}.logout-btn[data-v-aeade2af]:active{transform:translateY(0);box-shadow:0 2px 4px #e74c3c4d}.logout-icon[data-v-aeade2af]{font-size:14px}.logout-text[data-v-aeade2af]{font-weight:500}@media (max-width: 768px){.user-info-enhanced[data-v-aeade2af]{padding:6px 12px;gap:12px}.user-details[data-v-aeade2af]{font-size:13px;gap:6px}.user-id[data-v-aeade2af]{font-size:12px}.logout-btn[data-v-aeade2af]{padding:6px 10px;font-size:11px}}@media (max-width: 480px){.user-details[data-v-aeade2af]{flex-direction:column;gap:2px;align-items:flex-start}.user-separator[data-v-aeade2af]{display:none}.user-id[data-v-aeade2af]{font-size:11px;color:#7f8c8d}}.fullscreen-btn[data-v-aeade2af]{position:relative;transition:all .3s ease}.fullscreen-btn[data-v-aeade2af]:hover{background-color:#3498db1a;color:#3498db}.fullscreen-text[data-v-aeade2af]{font-size:10px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.fullscreen-btn:hover .fullscreen-text[data-v-aeade2af]{opacity:1}:fullscreen .header[data-v-aeade2af]{border-radius:0}:fullscreen .app-container[data-v-aeade2af]{border-radius:0}.font-size-container[data-v-aeade2af]{position:relative;display:inline-block}.font-size-btn[data-v-aeade2af]{position:relative;transition:all .3s ease}.font-size-btn[data-v-aeade2af]:hover{background-color:#3498db1a;color:#3498db}.font-size-menu[data-v-aeade2af]{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;border:1px solid #e1e8ed;min-width:200px;z-index:1000;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown-aeade2af .3s ease}@keyframes slideDown-aeade2af{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.font-size-header[data-v-aeade2af]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.menu-title[data-v-aeade2af]{font-size:14px;font-weight:600}.close-btn[data-v-aeade2af]{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-btn[data-v-aeade2af]:hover{background-color:#fff3}.font-size-options[data-v-aeade2af]{padding:8px 0}.font-size-option[data-v-aeade2af]{width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:4px}.font-size-option[data-v-aeade2af]:hover{background-color:#f8f9fa}.font-size-option.active[data-v-aeade2af]{background-color:#e3f2fd;border-left:3px solid #2196f3}.option-label[data-v-aeade2af]{font-size:14px;font-weight:500;color:#2c3e50}.option-description[data-v-aeade2af]{font-size:12px;color:#7f8c8d}.font-size-option.active .option-label[data-v-aeade2af]{color:#1976d2;font-weight:600}.font-size-option.active .option-description[data-v-aeade2af]{color:#1976d2}.sidebar[data-v-18a8f4fd]{width:200px;background:#f8f9fa;border-right:1px solid #e9ecef;transition:width .3s ease;overflow:hidden;flex-shrink:0}.sidebar.collapsed[data-v-18a8f4fd]{width:60px}.nav-menu[data-v-18a8f4fd]{padding:20px 0}.nav-item[data-v-18a8f4fd]{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:all .3s;color:#666;position:relative;margin:2px 10px;border-radius:8px}.sidebar.collapsed .nav-item[data-v-18a8f4fd]{padding:12px;justify-content:center;margin:2px 5px}.nav-item[data-v-18a8f4fd]:hover{background:#1890ff1a;color:#1890ff}.nav-item.active[data-v-18a8f4fd]{background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff;box-shadow:0 2px 8px #1890ff4d}.nav-icon[data-v-18a8f4fd]{font-size:18px;margin-right:12px;flex-shrink:0}.sidebar.collapsed .nav-icon[data-v-18a8f4fd]{margin-right:0}.nav-text[data-v-18a8f4fd]{font-size:14px;font-weight:500;white-space:nowrap;transition:opacity .3s}.nav-tooltip[data-v-18a8f4fd]{position:absolute;left:100%;top:50%;transform:translateY(-50%);background:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;margin-left:10px;opacity:0;pointer-events:none;transition:opacity .3s;z-index:1000}.nav-tooltip[data-v-18a8f4fd]:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#333}.sidebar.collapsed .nav-item:hover .nav-tooltip[data-v-18a8f4fd]{opacity:1}.breadcrumb-nav[data-v-74a16294]{display:flex;align-items:center;padding:15px 20px;background:#fff;border-bottom:1px solid #f0f0f0;gap:15px}.breadcrumb-menu[data-v-74a16294]{background:transparent;border:1px solid #d9d9d9;color:#666;padding:6px 8px;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.breadcrumb-menu[data-v-74a16294]:hover{border-color:#1890ff;color:#1890ff}.menu-icon[data-v-74a16294]{font-size:14px;line-height:1}.breadcrumb-path[data-v-74a16294]{display:flex;align-items:center;gap:8px;font-size:14px}.breadcrumb-link[data-v-74a16294]{color:#1890ff;cursor:pointer;transition:color .3s;padding:4px 8px;border-radius:4px}.breadcrumb-link[data-v-74a16294]:hover{background:#1890ff1a}.breadcrumb-link.active[data-v-74a16294]{color:#666;cursor:default;background:transparent}.breadcrumb-separator[data-v-74a16294]{color:#ccc;font-size:12px}.breadcrumb-current[data-v-74a16294]{color:#666;font-weight:500}.tab-navigation[data-v-8904ad48]{display:flex;background:#f8f9fa;border-bottom:1px solid #e9ecef;overflow-x:auto}.tab-item[data-v-8904ad48]{display:flex;align-items:center;gap:8px;padding:12px 20px;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s;color:#666;white-space:nowrap;min-width:fit-content}.tab-item[data-v-8904ad48]:hover{color:#1890ff;background:#1890ff0d}.tab-item.active[data-v-8904ad48]{color:#1890ff;background:#fff;border-bottom-color:#1890ff;font-weight:500}.tab-icon[data-v-8904ad48]{font-size:16px}.tab-text[data-v-8904ad48]{font-size:14px}@media (max-width: 768px){.tab-item[data-v-8904ad48]{padding:10px 15px;font-size:13px}.tab-icon[data-v-8904ad48]{font-size:14px}}.filter-section[data-v-732a544f]{padding:20px;background:#fff;border-bottom:1px solid #f0f0f0}.filter-item[data-v-732a544f]{margin-bottom:15px}.filter-item[data-v-732a544f]:last-child{margin-bottom:0}.filter-label[data-v-732a544f]{display:block;margin-bottom:8px;font-weight:500;color:#333}.filter-row[data-v-732a544f]{display:flex;align-items:center;gap:50px;flex-wrap:wrap}.date-range[data-v-732a544f]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.date-input[data-v-732a544f]{padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;width:140px;transition:border-color .3s}.date-input[data-v-732a544f]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.date-separator[data-v-732a544f]{color:#666;margin:0 5px}.user-type-select[data-v-732a544f]{padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;width:140px;transition:border-color .3s;background:#fff;cursor:pointer}.user-type-select[data-v-732a544f]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.user-type-select[data-v-732a544f]:hover{border-color:#1890ff}.filter-actions-inline[data-v-732a544f]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-actions[data-v-732a544f]{display:flex;align-items:center;gap:10px;margin-top:15px;flex-wrap:wrap}.search-btn[data-v-732a544f]{background:#1890ff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .3s;min-width:80px}.search-btn[data-v-732a544f]:hover:not(:disabled){background:#40a9ff}.search-btn[data-v-732a544f]:disabled{background:#ccc;cursor:not-allowed}.reset-btn[data-v-732a544f]{background:#f5f5f5;color:#666;border:1px solid #d9d9d9;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .3s;min-width:80px}.reset-btn[data-v-732a544f]:hover:not(:disabled){background:#e6f7ff;border-color:#1890ff;color:#1890ff}.reset-btn[data-v-732a544f]:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed}@media (max-width: 768px){.filter-section[data-v-732a544f]{padding:15px}.filter-row[data-v-732a544f]{flex-direction:column;align-items:flex-start;gap:15px}.date-range[data-v-732a544f]{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.date-input[data-v-732a544f],.user-type-select[data-v-732a544f]{width:100%;max-width:200px}.filter-actions-inline[data-v-732a544f]{flex-direction:row;justify-content:flex-start;gap:8px;width:100%}.search-btn[data-v-732a544f],.reset-btn[data-v-732a544f]{flex:1;max-width:120px}}.table-container[data-v-8c0397e5]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.loading-container[data-v-8c0397e5]{display:flex;justify-content:center;align-items:center;padding:60px 20px;background:#fff}.loading-spinner[data-v-8c0397e5]{display:flex;flex-direction:column;align-items:center;gap:15px}.spinner[data-v-8c0397e5]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1890ff;border-radius:50%;animation:spin-8c0397e5 1s linear infinite}@keyframes spin-8c0397e5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-8c0397e5]{color:#666}.data-table[data-v-8c0397e5]{width:100%;border-collapse:collapse}.data-table th[data-v-8c0397e5]{background:#fafafa;color:#333;font-weight:600;padding:16px 12px;text-align:center;vertical-align:middle;border-bottom:2px solid #f0f0f0;white-space:nowrap}.data-table th[data-v-8c0397e5]:nth-child(2),.data-table td[data-v-8c0397e5]:nth-child(2){min-width:100px;font-size:14px}.data-table th[data-v-8c0397e5]:nth-child(6),.data-table td[data-v-8c0397e5]:nth-child(6){width:80px;min-width:80px;text-align:center}.data-table td[data-v-8c0397e5]{padding:12px;text-align:center;vertical-align:middle;border-bottom:1px solid #f0f0f0;color:#666;white-space:nowrap}.data-table tbody tr[data-v-8c0397e5]:hover{background:#f8f9fa}.data-table tbody tr:last-child td[data-v-8c0397e5]{border-bottom:none}.detail-btn[data-v-8c0397e5]{background:#1890ff;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .3s;min-width:50px}.detail-btn[data-v-8c0397e5]:hover{background:#40a9ff}.detail-btn[data-v-8c0397e5]:active{background:#096dd9}.pagination-container[data-v-8c0397e5]{display:flex;justify-content:flex-end;align-items:center;padding:20px;background:#fff;border-top:1px solid #f0f0f0}.pagination-right[data-v-8c0397e5]{display:flex;align-items:center;gap:16px}.pagination-info[data-v-8c0397e5]{display:flex;align-items:center;gap:8px;color:#666;font-size:var(--small-font-size)}.page-size-select[data-v-8c0397e5]{padding:4px 8px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#666;font-size:14px;cursor:pointer;transition:border-color .3s;min-width:80px}.page-size-select[data-v-8c0397e5]:hover{border-color:#1890ff}.page-size-select[data-v-8c0397e5]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.pagination[data-v-8c0397e5]{display:flex;align-items:center;gap:8px}.page-btn[data-v-8c0397e5]{padding:8px 12px;border:1px solid #d9d9d9;background:#fff;color:#666;border-radius:4px;cursor:pointer;transition:all .3s}.page-btn[data-v-8c0397e5]:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.page-btn[data-v-8c0397e5]:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed}.page-numbers[data-v-8c0397e5]{display:flex;gap:4px}.page-number[data-v-8c0397e5]{padding:8px 12px;border:1px solid #d9d9d9;background:#fff;color:#666;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s;min-width:40px}.page-number[data-v-8c0397e5]:hover{border-color:#1890ff;color:#1890ff}.page-number.active[data-v-8c0397e5]{background:#1890ff;border-color:#1890ff;color:#fff}.page-jump[data-v-8c0397e5]{display:flex;align-items:center;gap:6px;margin-left:16px}.jump-text[data-v-8c0397e5]{color:#666;font-size:14px}.jump-input[data-v-8c0397e5]{width:50px;height:32px;padding:0 8px;border:1px solid #d9d9d9;border-radius:4px;text-align:center;font-size:14px;transition:border-color .3s}.jump-input[data-v-8c0397e5]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.jump-input[data-v-8c0397e5]::-webkit-outer-spin-button,.jump-input[data-v-8c0397e5]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.jump-input[type=number][data-v-8c0397e5]{-moz-appearance:textfield;appearance:textfield}.no-data[data-v-8c0397e5]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;color:#999}.no-data-icon[data-v-8c0397e5]{font-size:48px;margin-bottom:16px;opacity:.5}.no-data-text[data-v-8c0397e5]{font-size:16px;margin-bottom:8px;color:#666}.no-data-tip[data-v-8c0397e5]{font-size:14px;color:#999}@media (max-width: 768px){.data-table[data-v-8c0397e5]{font-size:12px}.data-table th[data-v-8c0397e5],.data-table td[data-v-8c0397e5]{padding:8px 6px;text-align:center;vertical-align:middle}.data-table th[data-v-8c0397e5]:nth-child(2),.data-table td[data-v-8c0397e5]:nth-child(2){min-width:80px;font-size:12px}.data-table th[data-v-8c0397e5]:nth-child(6),.data-table td[data-v-8c0397e5]:nth-child(6){width:60px;min-width:60px}.detail-btn[data-v-8c0397e5]{padding:2px 8px;font-size:11px;min-width:40px}.pagination-container[data-v-8c0397e5]{justify-content:center}.pagination-right[data-v-8c0397e5]{flex-direction:column;gap:15px;align-items:center}.pagination[data-v-8c0397e5]{flex-wrap:wrap;justify-content:center}.page-btn[data-v-8c0397e5],.page-number[data-v-8c0397e5]{padding:6px 10px;font-size:12px;min-width:35px}.page-jump[data-v-8c0397e5]{margin-left:0;margin-top:8px}.jump-text[data-v-8c0397e5]{font-size:12px}.jump-input[data-v-8c0397e5]{width:40px;height:28px;font-size:12px}.page-size-select[data-v-8c0397e5]{min-width:70px;font-size:12px;padding:2px 6px}}.filter-section[data-v-a65041ba]{padding:20px;background:#fff;border-bottom:1px solid #f0f0f0}.filter-item[data-v-a65041ba]{margin-bottom:15px}.filter-item[data-v-a65041ba]:last-child{margin-bottom:0}.filter-label[data-v-a65041ba]{display:block;margin-bottom:8px;font-weight:500;color:#333}.filter-row[data-v-a65041ba]{display:flex;align-items:center;gap:50px;flex-wrap:wrap}.date-range[data-v-a65041ba]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.date-input[data-v-a65041ba]{padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;width:140px;transition:border-color .3s}.date-input[data-v-a65041ba]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.date-separator[data-v-a65041ba]{color:#666;margin:0 5px}.type-select[data-v-a65041ba]{padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;width:140px;transition:border-color .3s;background:#fff;cursor:pointer}.type-select[data-v-a65041ba]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.type-select[data-v-a65041ba]:hover{border-color:#1890ff}.charge-type-select[data-v-a65041ba]{padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;width:160px;transition:border-color .3s;background:#fff;cursor:pointer}.charge-type-select[data-v-a65041ba]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.charge-type-select[data-v-a65041ba]:hover{border-color:#1890ff}.invite-user-input[data-v-a65041ba]{padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;width:180px;transition:border-color .3s;background:#fff}.invite-user-input[data-v-a65041ba]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.invite-user-input[data-v-a65041ba]:hover{border-color:#1890ff}.invite-user-input[data-v-a65041ba]::placeholder{color:#999;font-size:14px}.filter-actions-inline[data-v-a65041ba]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-actions[data-v-a65041ba]{display:flex;align-items:center;gap:10px;margin-top:15px;flex-wrap:wrap}.search-btn[data-v-a65041ba]{background:#1890ff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .3s;min-width:80px}.search-btn[data-v-a65041ba]:hover:not(:disabled){background:#40a9ff}.search-btn[data-v-a65041ba]:disabled{background:#ccc;cursor:not-allowed}.reset-btn[data-v-a65041ba]{background:#f5f5f5;color:#666;border:1px solid #d9d9d9;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .3s;min-width:80px}.reset-btn[data-v-a65041ba]:hover:not(:disabled){background:#e6f7ff;border-color:#1890ff;color:#1890ff}.reset-btn[data-v-a65041ba]:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed}@media (max-width: 768px){.filter-section[data-v-a65041ba]{padding:15px}.filter-row[data-v-a65041ba]{flex-direction:column;align-items:flex-start;gap:15px}.date-range[data-v-a65041ba]{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.date-input[data-v-a65041ba],.type-select[data-v-a65041ba],.charge-type-select[data-v-a65041ba],.invite-user-input[data-v-a65041ba]{width:100%;max-width:200px}.filter-actions-inline[data-v-a65041ba]{flex-direction:row;justify-content:flex-start;gap:8px;width:100%}.search-btn[data-v-a65041ba],.reset-btn[data-v-a65041ba]{flex:1;max-width:120px}}.table-container[data-v-46a7d666]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.loading-container[data-v-46a7d666]{display:flex;justify-content:center;align-items:center;padding:60px 20px;background:#fff}.loading-spinner[data-v-46a7d666]{display:flex;flex-direction:column;align-items:center;gap:15px}.spinner[data-v-46a7d666]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1890ff;border-radius:50%;animation:spin-46a7d666 1s linear infinite}@keyframes spin-46a7d666{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-46a7d666]{color:#666}.data-table[data-v-46a7d666]{width:100%;border-collapse:collapse;table-layout:fixed}.data-table th[data-v-46a7d666]{background:#fafafa;color:#333;font-weight:600;padding:16px 12px;text-align:center;vertical-align:middle;border-bottom:2px solid #f0f0f0;white-space:nowrap;height:56px}.data-table td[data-v-46a7d666]{padding:12px;text-align:center;vertical-align:middle;border-bottom:1px solid #f0f0f0;color:#666;white-space:nowrap;height:50px}.data-table tbody tr[data-v-46a7d666]:hover{background:#f8f9fa}.data-table tbody tr:last-child td[data-v-46a7d666]{border-bottom:none}.th-time[data-v-46a7d666],.time-cell[data-v-46a7d666]{width:20%;text-align:center;vertical-align:middle}.th-id[data-v-46a7d666],.id-cell[data-v-46a7d666]{width:18%;text-align:center;vertical-align:middle}.th-type[data-v-46a7d666],.type-cell[data-v-46a7d666]{width:15%;text-align:center;vertical-align:middle;font-weight:500}.th-amount[data-v-46a7d666],.amount-cell[data-v-46a7d666]{width:17%;text-align:center;vertical-align:middle;font-weight:600}.th-reason[data-v-46a7d666],.reason-cell[data-v-46a7d666]{width:30%;text-align:center;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagination-container[data-v-46a7d666]{display:flex;justify-content:flex-end;align-items:center;padding:20px;background:#fff;border-top:1px solid #f0f0f0}.pagination-right[data-v-46a7d666]{display:flex;align-items:center;gap:16px}.pagination-info[data-v-46a7d666]{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.page-size-select[data-v-46a7d666]{padding:4px 8px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#666;font-size:14px;cursor:pointer;transition:border-color .3s;min-width:80px}.page-size-select[data-v-46a7d666]:hover{border-color:#1890ff}.page-size-select[data-v-46a7d666]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.pagination[data-v-46a7d666]{display:flex;align-items:center;gap:8px}.page-btn[data-v-46a7d666]{padding:8px 12px;border:1px solid #d9d9d9;background:#fff;color:#666;border-radius:4px;cursor:pointer;transition:all .3s}.page-btn[data-v-46a7d666]:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.page-btn[data-v-46a7d666]:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed}.page-numbers[data-v-46a7d666]{display:flex;gap:4px}.page-number[data-v-46a7d666]{padding:8px 12px;border:1px solid #d9d9d9;background:#fff;color:#666;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s;min-width:40px}.page-number[data-v-46a7d666]:hover{border-color:#1890ff;color:#1890ff}.page-number.active[data-v-46a7d666]{background:#1890ff;border-color:#1890ff;color:#fff}.page-jump[data-v-46a7d666]{display:flex;align-items:center;gap:6px;margin-left:16px}.jump-text[data-v-46a7d666]{color:#666;font-size:14px}.jump-input[data-v-46a7d666]{width:50px;height:32px;padding:0 8px;border:1px solid #d9d9d9;border-radius:4px;text-align:center;font-size:14px;transition:border-color .3s}.jump-input[data-v-46a7d666]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.jump-input[data-v-46a7d666]::-webkit-outer-spin-button,.jump-input[data-v-46a7d666]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.jump-input[type=number][data-v-46a7d666]{-moz-appearance:textfield;appearance:textfield}.no-data[data-v-46a7d666]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;color:#999}.no-data-icon[data-v-46a7d666]{font-size:48px;margin-bottom:16px;opacity:.5}.no-data-text[data-v-46a7d666]{font-size:16px;margin-bottom:8px;color:#666}.no-data-tip[data-v-46a7d666]{font-size:14px;color:#999}@media (max-width: 768px){.data-table[data-v-46a7d666]{font-size:12px}.data-table th[data-v-46a7d666],.data-table td[data-v-46a7d666]{padding:8px 4px;vertical-align:middle;height:auto;min-height:40px}.data-table th[data-v-46a7d666]{min-height:44px;text-align:center}.id-cell[data-v-46a7d666],.type-cell[data-v-46a7d666],.time-cell[data-v-46a7d666],.amount-cell[data-v-46a7d666],.reason-cell[data-v-46a7d666]{text-align:center;padding:8px 4px}.th-time[data-v-46a7d666],.time-cell[data-v-46a7d666]{width:22%}.th-id[data-v-46a7d666],.id-cell[data-v-46a7d666]{width:18%}.th-type[data-v-46a7d666],.type-cell[data-v-46a7d666]{width:15%}.th-amount[data-v-46a7d666],.amount-cell[data-v-46a7d666]{width:18%}.th-reason[data-v-46a7d666],.reason-cell[data-v-46a7d666]{width:27%}.pagination-container[data-v-46a7d666]{justify-content:center}.pagination-right[data-v-46a7d666]{flex-direction:column;gap:15px;align-items:center}.pagination[data-v-46a7d666]{flex-wrap:wrap;justify-content:center}.page-btn[data-v-46a7d666],.page-number[data-v-46a7d666]{padding:6px 10px;font-size:12px;min-width:35px}.page-jump[data-v-46a7d666]{margin-left:0;margin-top:8px}.jump-text[data-v-46a7d666]{font-size:12px}.jump-input[data-v-46a7d666]{width:40px;height:28px;font-size:12px}.page-size-select[data-v-46a7d666]{min-width:70px;font-size:12px;padding:2px 6px}}.revenue-detail[data-v-2c67d46a]{display:flex;flex-direction:column;height:100%}.poster-generator[data-v-75d635e7]{max-width:1200px;margin:0;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.generator-header[data-v-75d635e7]{text-align:left;margin-bottom:30px}.generator-header h2[data-v-75d635e7]{font-size:24px;color:#333;margin:0}.generator-content[data-v-75d635e7]{display:flex;gap:50px;align-items:flex-start}.control-panel[data-v-75d635e7]{flex:0 0 380px;padding:20px;border:1px solid #f0f0f0;border-radius:8px;background:#fafafa}.form-item[data-v-75d635e7]{margin-bottom:25px}.form-label[data-v-75d635e7]{display:block;margin-bottom:8px;font-size:14px;color:#333;font-weight:500}.required[data-v-75d635e7]{color:#ff4d4f;margin-right:4px}.select-wrapper[data-v-75d635e7]{position:relative}.form-select[data-v-75d635e7]{width:100%;padding:10px 35px 10px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .3s;appearance:none}.form-select[data-v-75d635e7]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.select-icon[data-v-75d635e7]{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#999;font-size:12px;pointer-events:none}.custom-text-inputs[data-v-75d635e7]{display:flex;flex-direction:column;gap:10px}.form-input[data-v-75d635e7]{width:100%;padding:10px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;background:#fff;transition:border-color .3s}.form-input[data-v-75d635e7]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.form-input[data-v-75d635e7]::placeholder{color:#999}.poster-select-container[data-v-75d635e7]{position:relative;margin-top:10px}.poster-select[data-v-75d635e7]{border:1px solid #d9d9d9;border-radius:6px;background:#fff;cursor:pointer;position:relative;transition:all .3s ease}.poster-select[data-v-75d635e7]:hover{border-color:#40a9ff}.poster-select.open[data-v-75d635e7]{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.selected-poster-option[data-v-75d635e7]{padding:12px;display:flex;align-items:center;justify-content:space-between;min-height:50px}.selected-poster-display[data-v-75d635e7]{display:flex;align-items:center;gap:10px}.selected-poster-display span[data-v-75d635e7]{font-size:14px;color:#333}.selected-poster-display .poster-thumbnail[data-v-75d635e7]{width:40px;height:50px;border-radius:4px;overflow:hidden;flex-shrink:0;border:1px solid #f0f0f0}.selected-poster-display .poster-thumbnail img[data-v-75d635e7]{width:100%;height:100%;object-fit:cover}.placeholder-text[data-v-75d635e7]{color:#999;font-size:14px}.dropdown-arrow[data-v-75d635e7]{color:#666;font-size:12px;transition:transform .3s ease}.poster-select.open .dropdown-arrow[data-v-75d635e7]{transform:rotate(180deg)}.poster-dropdown-options[data-v-75d635e7]{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #00000026;min-width:250px}.poster-dropdown-option[data-v-75d635e7]{padding:12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0}.poster-dropdown-option[data-v-75d635e7]:last-child{border-bottom:none}.poster-dropdown-option[data-v-75d635e7]:hover{background-color:#f8f9ff}.poster-dropdown-option.active[data-v-75d635e7]{background-color:#e3f2fd;color:#007bff}.poster-dropdown-option .poster-thumbnail[data-v-75d635e7]{width:120px;height:80px;border-radius:4px;overflow:hidden;flex-shrink:0;border:1px solid #f0f0f0}.poster-dropdown-option .poster-thumbnail img[data-v-75d635e7]{width:100%;height:100%;object-fit:cover}.poster-dropdown-option span[data-v-75d635e7]{font-size:14px;color:#333;flex:1}.page-select-container[data-v-75d635e7]{position:relative;margin-top:10px}.page-select[data-v-75d635e7]{border:1px solid #d9d9d9;border-radius:6px;background:#fff;cursor:pointer;position:relative;transition:all .3s ease}.page-select[data-v-75d635e7]:hover{border-color:#40a9ff}.page-select.open[data-v-75d635e7]{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.selected-page-option[data-v-75d635e7]{padding:12px;display:flex;align-items:center;justify-content:space-between;min-height:50px}.selected-page-display[data-v-75d635e7]{display:flex;align-items:center;gap:10px}.selected-page-display span[data-v-75d635e7]{font-size:14px;color:#333}.selected-page-display .page-thumbnail[data-v-75d635e7]{width:40px;height:50px;border-radius:4px;overflow:hidden;flex-shrink:0;border:1px solid #f0f0f0}.selected-page-display .page-thumbnail img[data-v-75d635e7]{width:100%;height:100%;object-fit:cover}.page-dropdown-options[data-v-75d635e7]{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #00000026;min-width:250px}.page-dropdown-option[data-v-75d635e7]{padding:12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0}.page-dropdown-option[data-v-75d635e7]:last-child{border-bottom:none}.page-dropdown-option[data-v-75d635e7]:hover{background-color:#f8f9ff}.page-dropdown-option.active[data-v-75d635e7]{background-color:#e3f2fd;color:#007bff}.page-dropdown-option .page-thumbnail[data-v-75d635e7]{width:120px;height:80px;border-radius:4px;overflow:hidden;flex-shrink:0;border:1px solid #f0f0f0}.page-dropdown-option .page-thumbnail img[data-v-75d635e7]{width:100%;height:100%;object-fit:cover}.page-dropdown-option span[data-v-75d635e7]{font-size:14px;color:#333;flex:1}.action-buttons[data-v-75d635e7]{display:flex;gap:10px;margin-top:20px}.btn-download[data-v-75d635e7],.btn-copy[data-v-75d635e7]{flex:1;padding:10px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.btn-download[data-v-75d635e7]{background:#1890ff;color:#fff}.btn-download[data-v-75d635e7]:hover:not(:disabled){background:#40a9ff}.btn-download[data-v-75d635e7]:disabled{background:#ccc;cursor:not-allowed}.btn-copy[data-v-75d635e7]{background:#fa8c16;color:#fff}.btn-copy[data-v-75d635e7]:hover:not(:disabled){background:#ffa940}.btn-copy[data-v-75d635e7]:disabled{background:#ccc;cursor:not-allowed}.preview-panel[data-v-75d635e7]{flex:1;padding:30px;border:1px solid #f0f0f0;border-radius:8px;min-width:400px}.preview-container[data-v-75d635e7]{height:100%}.preview-header[data-v-75d635e7]{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.preview-header h4[data-v-75d635e7]{margin:0;font-size:16px;color:#333}.preview-content[data-v-75d635e7]{display:flex;justify-content:center;align-items:flex-start;min-height:520px;padding-top:20px}.poster-preview-container[data-v-75d635e7]{display:flex;flex-direction:column;align-items:center;gap:15px}.poster-preview[data-v-75d635e7]{width:650px;height:420px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026}.poster-background[data-v-75d635e7]{width:100%;height:100%;position:relative;padding:30px;box-sizing:border-box;overflow:hidden}.poster-overlay[data-v-75d635e7]{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#0000001a,#0009);z-index:1}.top-text-area[data-v-75d635e7]{position:absolute;top:30px;right:30px;text-align:right;z-index:2}.qr-section[data-v-75d635e7]{position:absolute;bottom:0;left:0;z-index:10}.right-text-area[data-v-75d635e7]{position:absolute;bottom:0;right:0;text-align:right;color:#fff;z-index:10}.main-title[data-v-75d635e7]{font-size:24px;font-weight:700;margin:0 0 8px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.subtitle[data-v-75d635e7]{font-size:16px;margin:0;opacity:.95;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.app-info[data-v-75d635e7]{margin-bottom:8px}.app-name[data-v-75d635e7]{font-size:18px;font-weight:700;margin-bottom:4px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.app-desc[data-v-75d635e7]{font-size:14px;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.external-link-text[data-v-75d635e7]{font-size:14px;color:#333;padding:10px 20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;word-break:break-all;max-width:650px;box-sizing:border-box;font-family:Arial,sans-serif;letter-spacing:.8px;font-weight:500;box-shadow:0 1px 3px #0000001a;margin-right:auto}.qr-section .qr-code img[data-v-75d635e7]{width:80px;height:80px;border-radius:8px;background:#fff;margin-left:5px;box-shadow:0 2px 8px #0000004d}.qr-section .qr-placeholder[data-v-75d635e7]{width:80px;height:80px;background:#ffffffe6;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;font-size:12px;box-shadow:0 2px 8px #0000004d}.qr-section .qr-placeholder .qr-icon[data-v-75d635e7]{font-size:24px;margin-bottom:4px}.qr-section .qr-placeholder p[data-v-75d635e7]{margin:0;font-size:10px}.poster-loading[data-v-75d635e7]{padding:20px;text-align:center;color:#666}.loading-spinner[data-v-75d635e7]{font-size:20px;margin-bottom:8px}.poster-error[data-v-75d635e7]{padding:20px;text-align:center;color:#ff4d4f}.error-icon[data-v-75d635e7]{font-size:20px;margin-bottom:8px}.retry-btn[data-v-75d635e7]{margin-top:10px;padding:4px 12px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.retry-btn[data-v-75d635e7]:hover{background:#40a9ff}.poster-warning[data-v-75d635e7]{padding:8px 12px;background:#fff7e6;border-top:1px solid #ffd591;color:#fa8c16;font-size:12px}.empty-preview[data-v-75d635e7]{text-align:left;color:#999}.empty-icon[data-v-75d635e7]{font-size:48px;margin-bottom:16px}@media (max-width: 768px){.generator-content[data-v-75d635e7]{flex-direction:column;gap:20px}.control-panel[data-v-75d635e7]{flex:none}.poster-grid[data-v-75d635e7]{grid-template-columns:1fr}.action-buttons[data-v-75d635e7]{flex-direction:column}.poster-preview[data-v-75d635e7]{width:420px;height:320px}.external-link-text[data-v-75d635e7]{max-width:420px;font-size:12px;padding:8px 15px;letter-spacing:.5px}}.app-container[data-v-8b963663]{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.main-container[data-v-8b963663]{flex:1;display:flex;overflow:hidden}.content-area[data-v-8b963663]{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#fff;margin:8px 8px 8px 0;border-radius:8px;box-shadow:0 2px 4px #0000001a}