.app{width:100%;height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow:hidden}.top-header{position:fixed;top:0;left:0;right:0;height:60px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e5e5e5;z-index:1000}.header-left,.header-right{display:flex;align-items:center;min-width:60px}.header-left{justify-content:flex-start}.header-right{justify-content:flex-end}.header-center{flex:1;display:flex;justify-content:center;align-items:center}.page-title{font-size:18px;font-weight:600;color:#333;margin:0}.back-btn,.more-btn{font-size:24px;color:#333;cursor:pointer;padding:8px;line-height:1;-webkit-user-select:none;user-select:none}.back-btn:hover,.more-btn:hover{color:#4caf50}.logout-btn{display:flex;align-items:center;gap:6px;font-size:14px;color:#00000f;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease;background-color:transparent}.logout-btn:hover{background-color:#ff47571a;transform:translateY(-1px)}.logout-btn svg{stroke:currentColor}.main-content{flex:1;padding-bottom:60px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.main-content.with-header{padding-top:60px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;display:flex;align-items:center;justify-content:space-around;border-top:1px solid #e5e5e5;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#999;font-size:12px;min-width:60px;transition:color .2s}.nav-item.active{color:#4caf50}.nav-item button{background:none;border:none;color:inherit;padding:0;font:inherit}.nav-icon{font-size:20px;margin-bottom:2px}.login-page[data-v-bcd01446]{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;max-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;overflow:hidden;box-sizing:border-box}.login-header[data-v-bcd01446]{text-align:center;margin-bottom:40px}.logo[data-v-bcd01446]{color:#fff}.logo-icon[data-v-bcd01446]{font-size:60px;margin-bottom:20px}.logo h1[data-v-bcd01446]{font-size:24px;font-weight:600;margin-bottom:8px}.logo p[data-v-bcd01446]{font-size:16px;opacity:.8}.login-form[data-v-bcd01446]{width:100%;max-width:320px;background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 30px #0000001a}.form-group[data-v-bcd01446]{margin-bottom:20px}.form-input[data-v-bcd01446]{width:100%;height:48px;border:1px solid #e1e5e9;border-radius:12px;padding:0 16px;font-size:16px;background-color:#f8f9fa;transition:all .2s}.form-input[data-v-bcd01446]:focus{outline:none;border-color:#667eea;background-color:#fff;box-shadow:0 0 0 3px #667eea1a}.login-btn[data-v-bcd01446]{width:100%;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:10px}.login-btn[data-v-bcd01446]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.login-btn[data-v-bcd01446]:disabled{opacity:.6;cursor:not-allowed}.login-footer[data-v-bcd01446]{margin-top:40px;text-align:center;color:#fff;opacity:.7;font-size:14px}.default-avatar[data-v-a7b3f0a6]{position:relative;display:inline-block;border-radius:50%;overflow:hidden}.avatar-svg[data-v-a7b3f0a6]{display:block;border-radius:50%}.avatar-text[data-v-a7b3f0a6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);pointer-events:none}.default-avatar:hover .avatar-svg[data-v-a7b3f0a6]{transform:scale(1.05);transition:transform .2s ease-in-out}.company-card[data-v-c94d56c6]{background:linear-gradient(135deg,#a9c0f0,#d4e6f1);border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a;height:160px}.company-info[data-v-c94d56c6]{display:flex;align-items:center}.company-avatar[data-v-c94d56c6]{width:70px;height:70px;border-radius:50%;overflow:hidden;margin-right:20px;margin-top:-28px;display:flex;align-items:center;justify-content:center}.company-details[data-v-c94d56c6]{flex:1}.company-name[data-v-c94d56c6]{font-size:18px;font-weight:600;color:#2c3e50;margin-top:12px;margin-bottom:24px}.task-stats[data-v-c94d56c6]{display:flex;gap:24px;margin-bottom:40px}.stat-item[data-v-c94d56c6]{font-size:14px;color:#5a6c7d}.stat-item strong[data-v-c94d56c6]{color:#2c3e50;font-weight:600}.drawer-container[data-v-76963a0c]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.overlay[data-v-76963a0c]{position:absolute;top:0;left:0;width:100%;height:calc(100% - 60px);opacity:0;background-color:#0003;transition:opacity .3s ease;pointer-events:none}.overlay-show[data-v-76963a0c]{opacity:1;pointer-events:auto}.drawer[data-v-76963a0c]{position:absolute;bottom:60px;left:0;width:100%;max-height:calc(100vh - 120px);background-color:#f8f8f8;border-radius:12px 12px 0 0;transform:translateY(100%);transition:transform .3s ease;pointer-events:auto;display:flex;flex-direction:column;padding:8px 16px}.drawer-show[data-v-76963a0c]{transform:translateY(0)}.drawer-header[data-v-76963a0c]{display:flex;justify-content:flex-end;align-items:center}.close-btn[data-v-76963a0c]{background:none;border:none;color:#6b7280}.statistics[data-v-76963a0c]{padding:8px 0}.stats-text[data-v-76963a0c]{font-size:14px;color:#374151;margin:0;line-height:1.5}.result-list[data-v-76963a0c]{flex:1;overflow-y:auto}.result-item[data-v-76963a0c]{background-color:#fff;border-radius:12px;padding:16px;margin-bottom:8px;border:1px solid #e5e7eb}.order-info[data-v-76963a0c]{display:flex;flex-direction:column;gap:8px}.order-number[data-v-76963a0c]{font-size:14px;color:#6b7280}.status-row[data-v-76963a0c]{display:flex;gap:12px;align-items:center}.status-label[data-v-76963a0c]{padding:4px 0;border-radius:6px;font-size:12px;font-weight:500}.status-label.success[data-v-76963a0c]{color:#16a34a}.status-label.failed[data-v-76963a0c]{color:#dc2626}.status-desc[data-v-76963a0c]{padding:4px 0;font-size:12px}.status-desc.valid[data-v-76963a0c]{color:#16a34a}.status-desc.invalid[data-v-76963a0c]{color:#d97706}.status-desc.error[data-v-76963a0c]{color:#dc2626}.order-page[data-v-d5738543]{padding:20px 16px}.input-section[data-v-d5738543]{margin-bottom:30px}.input-wrapper[data-v-d5738543]{margin-top:40px;margin-bottom:16px}.order-input[data-v-d5738543]{width:100%;height:254px;border:1px solid #ddd;border-radius:12px;padding:16px;font-size:16px;background-color:#fff;resize:none;box-sizing:border-box}.order-input[data-v-d5738543]:focus{outline:none;border-color:#4caf50}.submit-btn[data-v-d5738543]{width:100px;height:40px;background-color:#4caf50;color:#fff;border:none;border-radius:20px;font-size:16px;font-weight:600;cursor:pointer;display:block;margin:0 auto}.submit-btn[data-v-d5738543]:disabled{background-color:#ccc;cursor:not-allowed}.tips[data-v-d5738543]{margin-top:16px;color:#666}.tips-title[data-v-d5738543]{font-size:14px;font-weight:600;margin-bottom:8px;text-align:left}.tips-list[data-v-d5738543]{padding-left:16px;margin:0;line-height:1.6}.profile-page[data-v-5d90386f]{padding:20px 16px}.tabs[data-v-5d90386f]{display:flex;border-bottom:1px solid #ccc;margin-bottom:20px}.tab-item[data-v-5d90386f]{width:auto;text-align:center;padding:5px;font-size:14px;margin-right:35px}.tab-item.active[data-v-5d90386f]{border-bottom:1px solid #ff9500;color:#ff9500;font-weight:700}.project-list[data-v-5d90386f]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;width:100%}.project-card[data-v-5d90386f]{background-color:#fff;border-radius:12px;padding:6px 4px;text-align:center;transition:all .2s;box-shadow:0 1px 4px #0000001a;min-width:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;align-items:center}.project-card[data-v-5d90386f]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.project-title[data-v-5d90386f]{font-size:12px;color:#333;margin-bottom:8px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.project-date[data-v-5d90386f]{font-size:12px;color:#666;margin-bottom:8px;line-height:1.5}.project-status[data-v-5d90386f]{display:inline-block;padding:4px;border-radius:4px;font-size:12px;width:60px}.project-status.progress[data-v-5d90386f]{background-color:#4caf50;color:#fff}.project-status.finished[data-v-5d90386f]{background-color:#a4adb3;color:#fff}.project-amount[data-v-5d90386f]{font-size:16px;font-weight:600;color:#4caf50;margin-bottom:8px}.loading-container[data-v-5d90386f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;grid-column:1 / -1}.loading-spinner[data-v-5d90386f]{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #4caf50;border-radius:50%;animation:spin-5d90386f 1s linear infinite;margin-bottom:16px}@keyframes spin-5d90386f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-5d90386f]{color:#666;font-size:14px}.empty-state[data-v-5d90386f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;grid-column:1 / -1}.empty-icon[data-v-5d90386f]{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text[data-v-5d90386f]{color:#999;font-size:16px}.project-detail-page[data-v-c9ca773d]{padding:20px 16px}.earnings-card[data-v-c9ca773d]{background:linear-gradient(135deg,#fcd895,#f3f3f3);border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 2px 6px #0006}.earnings-row[data-v-c9ca773d]{display:flex;justify-content:space-between;gap:40px;margin-bottom:20px}.earnings-item[data-v-c9ca773d]{text-align:center;flex:1}.amount[data-v-c9ca773d]{font-size:20px;font-weight:700;margin-bottom:12px}.amount.red[data-v-c9ca773d]{color:#e74c3c}.amount.green[data-v-c9ca773d]{color:#27ae60}.label[data-v-c9ca773d]{font-size:14px;color:#2c3e50}.ratio-row[data-v-c9ca773d]{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(255,255,255,.3)}.ratio-item[data-v-c9ca773d]{font-size:14px;color:#101010a6}.project-info[data-v-c9ca773d]{background-color:#fff;border-radius:12px;padding:16px;margin-bottom:20px;box-shadow:0 1px 4px #0000001a;color:#7a7a7a;font-size:14px;line-height:20px}.date-label[data-v-c9ca773d]{width:80px;flex-shrink:0;line-height:1.2;color:#666}.project-item[data-v-c9ca773d]{display:flex;align-items:center;margin-bottom:8px}.project-item[data-v-c9ca773d]:last-child{margin-bottom:0}.date-value[data-v-c9ca773d]{flex:1;line-height:1.2;word-wrap:break-word;word-break:break-all}.stats-grid[data-v-c9ca773d]{display:flex;flex-direction:column;gap:24px;border-radius:12px}.stats-row[data-v-c9ca773d]{display:flex;gap:16px}.stat-item[data-v-c9ca773d]{flex:1;background-color:#fff;border-radius:12px;padding:12px;height:92px;display:flex;flex-direction:column;justify-content:space-between}.right[data-v-c9ca773d]{margin-left:auto}.right.btn[data-v-c9ca773d]{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);font-size:13px;padding:4px 6px;border-radius:3px;box-shadow:0 1px 4px #667eea4d;transition:all .2s ease;flex-shrink:0;line-height:1.2}.right.btn[data-v-c9ca773d]:active{transform:translateY(1px);box-shadow:0 1px 3px #667eea4d}.stat-number[data-v-c9ca773d]{font-size:18px}.stat-number.blue[data-v-c9ca773d]{color:#3498db}.stat-number.orange[data-v-c9ca773d]{color:#f39c12}.stat-number.purple[data-v-c9ca773d]{color:#d100f3}.stat-number.green[data-v-c9ca773d]{color:#27ae60}.stat-label[data-v-c9ca773d]{font-size:12px;color:#666;margin-top:4px}.order-list-page[data-v-f335a9f2]{background-color:#f5f5f5;padding-bottom:20px;padding-top:92px}.tabs[data-v-f335a9f2]{position:fixed;top:60px;left:0;right:0;display:flex;background-color:#fff;padding:0 16px;border-bottom:1px solid #e5e5e5;z-index:100}.tab-item[data-v-f335a9f2]{flex:1;text-align:center;padding:12px 0;font-size:15px;color:#666;cursor:pointer;position:relative;transition:color .3s}.tab-item.active[data-v-f335a9f2]{color:#27ae60;font-weight:600}.tab-item.active[data-v-f335a9f2]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:3px;background-color:#27ae60;border-radius:2px}.order-card[data-v-f335a9f2]{background-color:#fff;border-radius:8px;padding:12px;margin-bottom:12px;border:1px solid #e0e0e0;position:relative;transition:all .3s;font-size:14px;line-height:1.2}.info-row[data-v-f335a9f2]{display:flex;align-items:flex-start;margin-bottom:8px}.info-row[data-v-f335a9f2]:last-child{margin-bottom:0}.info-row-with-status[data-v-f335a9f2]{display:flex;align-items:center;justify-content:space-between;gap:12px}.amount-group[data-v-f335a9f2]{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;width:100%}.amount-item[data-v-f335a9f2]{display:flex;align-items:center;min-width:0;flex:0 1 auto}.label[data-v-f335a9f2]{color:#999;white-space:nowrap;width:5em;text-align:left;flex-shrink:0;padding-right:.5em}.value[data-v-f335a9f2]{color:#333;flex:1;min-width:0;word-break:break-all;overflow-wrap:break-word}.search-container[data-v-f335a9f2]{position:fixed;top:106px;left:0;right:0;padding:8px 10px;background-color:transparent;z-index:99}.search-box[data-v-f335a9f2]{display:flex;align-items:center;background-color:#f5f5f5;border-radius:24px;overflow:hidden;border:2px solid #667eea;transition:all .3s ease}.search-box[data-v-f335a9f2]:focus-within{background-color:#fff;border-color:#667eea;box-shadow:0 2px 8px #667eea26}.search-input[data-v-f335a9f2]{flex:1;border:none;background:transparent;padding:6px 16px;font-size:14px;color:#333;outline:none}.search-input[data-v-f335a9f2]::placeholder{color:#999}.clear-btn[data-v-f335a9f2]{color:#999;font-size:16px;cursor:pointer;padding:0 8px;display:flex;align-items:center;transition:color .2s ease;-webkit-user-select:none;user-select:none}.clear-btn[data-v-f335a9f2]:hover{color:#666}.clear-btn[data-v-f335a9f2]:active{color:#333}.search-btn[data-v-f335a9f2]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:6px 14px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:38px;align-self:stretch}.order-status[data-v-f335a9f2]{display:flex;justify-content:flex-end;margin-left:auto;flex-shrink:0}.empty-state[data-v-f335a9f2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.empty-icon[data-v-f335a9f2]{font-size:64px;margin-bottom:16px;opacity:.3}.empty-text[data-v-f335a9f2]{font-size:15px;color:#999}.load-more[data-v-f335a9f2]{padding:20px 16px;text-align:center}.load-more-btn[data-v-f335a9f2]{background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:10px 32px;font-size:14px;color:#666;cursor:pointer;transition:all .3s}.load-more-btn[data-v-f335a9f2]:hover:not(:disabled){background-color:#f5f5f5;border-color:#27ae60;color:#27ae60}.load-more-btn[data-v-f335a9f2]:disabled{opacity:.5;cursor:not-allowed}.floating-export-btn[data-v-f335a9f2]{position:fixed;bottom:90px;right:10px;width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;cursor:pointer;box-shadow:0 4px 12px #667eea66;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:200}.floating-export-btn[data-v-f335a9f2]:hover{transform:scale(1.1);box-shadow:0 6px 16px #667eea99}.floating-export-btn[data-v-f335a9f2]:active{transform:scale(.95)}.dialog-overlay[data-v-f335a9f2]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;z-index:10000;animation:fadeIn-f335a9f2 .3s ease}@keyframes fadeIn-f335a9f2{0%{opacity:0}to{opacity:1}}.dialog-container[data-v-f335a9f2]{background-color:#fff;border-radius:16px 16px 0 0;width:100%;padding:20px;margin-bottom:60px;animation:slideUp-f335a9f2 .3s ease;box-shadow:0 -4px 12px #0000001a;position:relative}@keyframes slideUp-f335a9f2{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dialog-header[data-v-f335a9f2]{margin-bottom:20px;text-align:center}.dialog-header h3[data-v-f335a9f2]{margin:0;font-size:16px;color:#333;font-weight:600}.dialog-content[data-v-f335a9f2]{margin-bottom:20px}.date-group[data-v-f335a9f2]{display:flex;align-items:center;margin-bottom:16px;gap:12px}.date-group[data-v-f335a9f2]:last-child{margin-bottom:0}.date-label[data-v-f335a9f2]{flex-shrink:0;width:80px;font-size:14px;color:#666;font-weight:500}.date-input[data-v-f335a9f2]{flex:1;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#333;outline:none;transition:all .2s ease}.date-input[data-v-f335a9f2]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dialog-footer[data-v-f335a9f2]{display:flex;gap:12px;justify-content:space-evenly;margin-top:20px}.btn-cancel[data-v-f335a9f2],.btn-confirm[data-v-f335a9f2]{padding:8px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel[data-v-f335a9f2]{background-color:#f5f5f5;color:#666;border:1px solid #e0e0e0}.btn-cancel[data-v-f335a9f2]:hover{background-color:#efefef;color:#333}.btn-cancel[data-v-f335a9f2]:active{background-color:#e8e8e8}.btn-confirm[data-v-f335a9f2]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-confirm[data-v-f335a9f2]:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-confirm[data-v-f335a9f2]:active{transform:translateY(0)}@media screen and (max-width: 768px){html{font-size:14px}.main-content{padding-bottom:70px}}button,.nav-item,.back-btn,.more-btn{-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}input,textarea,select{font-size:16px}*{-webkit-overflow-scrolling:touch}@supports (padding-top: env(safe-area-inset-top)){.app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(60px + env(safe-area-inset-bottom))}}.earnings-card .amount{font-size:clamp(16px,4vw,20px)}.company-name{font-size:clamp(16px,4.5vw,18px)}.stat-number{font-size:clamp(14px,4vw,18px)}.loading{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.submit-btn:active,.login-btn:active{transform:translateY(1px)}.company-card,.earnings-card{box-shadow:0 4px 12px #00000026}