@charset "UTF-8";.toast-mask[data-v-9c1d7576]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.toast-content[data-v-9c1d7576]{background:#fff;padding:20px 32px;border-radius:16px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 40px #0003;animation:popIn-9c1d7576 .3s ease}.toast-content.success[data-v-9c1d7576]{border-left:4px solid #22c55e}.toast-content.error[data-v-9c1d7576]{border-left:4px solid #ef4444}.toast-content.warning[data-v-9c1d7576]{border-left:4px solid #f59e0b}.toast-icon[data-v-9c1d7576]{font-size:24px;font-weight:700}.toast-content.success .toast-icon[data-v-9c1d7576]{color:#22c55e}.toast-content.error .toast-icon[data-v-9c1d7576]{color:#ef4444}.toast-content.warning .toast-icon[data-v-9c1d7576]{color:#f59e0b}.toast-message[data-v-9c1d7576]{font-size:16px;color:#333;font-weight:500}@keyframes popIn-9c1d7576{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.toast-enter-active[data-v-9c1d7576],.toast-leave-active[data-v-9c1d7576]{transition:opacity .3s ease}.toast-enter-from[data-v-9c1d7576],.toast-leave-to[data-v-9c1d7576]{opacity:0}.dashboard-container[data-v-8dced72e]{min-height:100vh}.header[data-v-8dced72e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f}.header .header-left[data-v-8dced72e]{display:flex;align-items:center;gap:12px;flex:1}.header .user-avatar[data-v-8dced72e]{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6 0%,#10b981 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header .user-avatar .avatar-text[data-v-8dced72e]{font-size:20px;font-weight:600;color:#fff}.header .user-info[data-v-8dced72e]{flex:1;min-width:0}.header .user-info .greeting[data-v-8dced72e]{display:block;font-size:18px;font-weight:600;color:#1f2937;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header .user-info .tenant-row[data-v-8dced72e]{display:flex;align-items:center;gap:8px}.header .user-info .tenant-name[data-v-8dced72e]{font-size:13px;color:#6b7280}.header .header-right[data-v-8dced72e]{flex-shrink:0;margin-left:12px}.header .header-right .date-display[data-v-8dced72e]{text-align:right}.header .header-right .date-display .date-day[data-v-8dced72e]{display:block;font-size:14px;font-weight:600;color:#3b82f6}.header .header-right .date-display .date-full[data-v-8dced72e]{font-size:12px;color:#9ca3af}.expire-banner[data-v-8dced72e]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(90deg,#fef3c7 0%,#fde68a 100%);border-radius:12px;margin-bottom:16px}.expire-banner .expire-icon[data-v-8dced72e]{font-size:14px}.expire-banner .expire-text[data-v-8dced72e]{font-size:14px;color:#92400e;font-weight:500}.expire-banner .expire-warning[data-v-8dced72e]{font-size:13px;color:#f59e0b;font-weight:600}.stats-section[data-v-8dced72e],.actions-section[data-v-8dced72e]{margin-bottom:20px}.section-header[data-v-8dced72e]{display:flex;align-items:center;gap:10px;margin-bottom:14px;margin-top:12px}.section-header .section-line[data-v-8dced72e]{width:4px;height:16px;background:linear-gradient(180deg,#3b82f6,#10b981);border-radius:2px}.section-header .section-title[data-v-8dced72e]{font-size:15px;font-weight:600;color:#374151;letter-spacing:.5px}.stats-grid[data-v-8dced72e]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card[data-v-8dced72e]{background:#fff;border-radius:16px;padding:8px 16px;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a;border:1px solid #e5e7eb;transition:all .2s ease}.stat-card[data-v-8dced72e]:active{transform:scale(.98)}.stat-card .stat-icon-wrapper[data-v-8dced72e]{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-card .stat-icon-wrapper.blue[data-v-8dced72e]{background:#dbeafe}.stat-card .stat-icon-wrapper.green[data-v-8dced72e]{background:#d1fae5}.stat-card .stat-icon-wrapper.red[data-v-8dced72e]{background:#fee2e2}.stat-card .stat-icon-wrapper.yellow[data-v-8dced72e]{background:#fef3c7}.stat-card .stat-icon-wrapper.light-green[data-v-8dced72e]{background:#dcfce7}.stat-card .stat-icon-wrapper.gray[data-v-8dced72e]{background:#f3f4f6}.stat-card .stat-icon-wrapper .stat-icon[data-v-8dced72e]{font-size:16px}.stat-card .stat-content .stat-value[data-v-8dced72e]{display:block;font-size:28px;font-weight:700;color:#1f2937;line-height:1.2}.stat-card .stat-content .stat-label[data-v-8dced72e]{display:block;font-size:13px;color:#6b7280;margin-top:4px}.stat-card.stat-red[data-v-8dced72e]{background:linear-gradient(135deg,#fef2f2 0%,#fff 100%);border-color:#fecaca}.stat-card.stat-red .stat-value[data-v-8dced72e]{color:#dc2626}.stat-card.stat-yellow[data-v-8dced72e]{background:linear-gradient(135deg,#fffbeb 0%,#fff 100%);border-color:#fde68a}.stat-card.stat-yellow .stat-value[data-v-8dced72e]{color:#d97706}.stat-card.stat-green[data-v-8dced72e]{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-color:#bbf7d0}.stat-card.stat-green .stat-value[data-v-8dced72e]{color:#16a34a}.stat-card.stat-gray[data-v-8dced72e]{background:#f9fafb;border-color:#e5e7eb}.stat-card.stat-gray .stat-value[data-v-8dced72e]{color:#6b7280}.stat-card.stat-expired[data-v-8dced72e]{background:linear-gradient(135deg,#f3f4f6 0%,#fff 100%);border-color:#9ca3af}.stat-card.stat-expired .stat-value[data-v-8dced72e]{color:#4b5563}.stat-card.stat-expired .stat-icon-wrapper.expired[data-v-8dced72e]{background:#f3f4f6}.action-grid[data-v-8dced72e]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.action-item[data-v-8dced72e]{background:#fff;border-radius:14px;padding:12px 10px;text-align:center;box-shadow:0 2px 12px #0000000a;border:1px solid #e5e7eb;transition:all .2s ease}.action-item[data-v-8dced72e]:active{transform:scale(.96);background:#f9fafb}.action-item .action-icon-wrapper[data-v-8dced72e]{width:44px;height:44px;margin:0 auto 10px;background:#eff6ff;border-radius:12px;display:flex;align-items:center;justify-content:center}.action-item .action-icon-wrapper.primary[data-v-8dced72e]{background:linear-gradient(135deg,#3b82f6,#10b981)}.action-item .action-icon-wrapper.danger[data-v-8dced72e]{background:#fef2f2}.action-item .action-icon-wrapper .action-icon[data-v-8dced72e]{font-size:18px}.action-item .action-label[data-v-8dced72e]{font-size:12px;color:#374151;display:block;font-weight:500}.action-item.logout-item .action-label[data-v-8dced72e]{color:#dc2626}.inbound-container[data-v-9dad2182]{min-height:100vh;background:#f0f4f8}.page-header[data-v-9dad2182]{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:4px 0}.page-header .back-btn[data-v-9dad2182]{display:flex;align-items:center;gap:4px;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 4px #0000000a;font-size:14px;color:#6b7280;cursor:pointer}.page-header .back-btn[data-v-9dad2182]:active{background:#f9fafb}.page-header .page-title[data-v-9dad2182]{font-size:20px;font-weight:600;color:#1f2937;margin:0}.form-container[data-v-9dad2182]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px #0000000a;border:1px solid #e5e7eb}.form-section[data-v-9dad2182]{margin-bottom:24px}.form-section[data-v-9dad2182]:last-of-type{margin-bottom:20px}.form-section .section-title[data-v-9dad2182]{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px;display:flex;align-items:center;gap:6px}.form-section .section-title[data-v-9dad2182]:before{content:"";width:3px;height:14px;background:linear-gradient(180deg,#3b82f6,#10b981);border-radius:2px}.photo-grid[data-v-9dad2182]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.photo-grid .photo-item[data-v-9dad2182]{aspect-ratio:1;border:2px dashed #e5e7eb;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative}.photo-grid .photo-item[data-v-9dad2182]:active{border-color:#3b82f6}.photo-grid .photo-item .preview-img[data-v-9dad2182]{width:100%;height:100%;object-fit:cover}.photo-grid .photo-item .photo-placeholder[data-v-9dad2182]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f9fafb}.photo-grid .photo-item .photo-placeholder .icon[data-v-9dad2182]{font-size:32px;margin-bottom:8px}.photo-grid .photo-item .photo-placeholder .label[data-v-9dad2182]{font-size:12px;color:#9ca3af}.photo-grid .photo-item .ocr-loading[data-v-9dad2182]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(59,130,246,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:14px;gap:8px}.photo-grid .photo-item .ocr-loading .loading-spinner[data-v-9dad2182]{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-9dad2182 1s linear infinite}@keyframes spin-9dad2182{to{transform:rotate(360deg)}}.photo-tip[data-v-9dad2182]{font-size:12px;color:#9ca3af;margin:8px 0 0}.select[data-v-9dad2182],.input[data-v-9dad2182]{width:100%;height:48px;padding:0 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:15px;box-sizing:border-box;background:#f9fafb;color:#1f2937;transition:all .2s ease}.select[data-v-9dad2182]:focus,.input[data-v-9dad2182]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.select[data-v-9dad2182]::placeholder,.input[data-v-9dad2182]::placeholder{color:#9ca3af}.quantity-row[data-v-9dad2182]{display:flex;gap:12px}.quantity-row .quantity-input[data-v-9dad2182]{flex:1}.quantity-row .unit-select[data-v-9dad2182]{width:100px;flex-shrink:0}.sub-quantity-row[data-v-9dad2182]{display:flex;align-items:center;gap:8px;margin-top:12px}.sub-quantity-row .sub-label[data-v-9dad2182]{font-size:13px;color:#6b7280;white-space:nowrap;flex-shrink:0}.sub-quantity-row .sub-quantity-input[data-v-9dad2182],.sub-quantity-row .sub-unit-select[data-v-9dad2182]{width:80px;height:38px;flex-shrink:0}.conversion-row[data-v-9dad2182]{display:flex;align-items:center;gap:8px;margin-top:14px;padding:12px;background:#f9fafb;border-radius:10px}.conversion-row .conversion-label[data-v-9dad2182]{font-size:13px;color:#6b7280;white-space:nowrap}.conversion-row .conversion-input[data-v-9dad2182]{width:124px;height:38px;flex-shrink:0}.conversion-row .conversion-unit[data-v-9dad2182]{font-size:12px;color:#9ca3af;flex:1;text-align:right}.submit-btn[data-v-9dad2182]{width:100%;height:52px;background:linear-gradient(135deg,#3b82f6 0%,#10b981 100%);color:#fff;border-radius:26px;font-size:16px;font-weight:600;border:none;margin-top:8px;cursor:pointer;box-shadow:0 4px 16px #3b82f64d;transition:all .2s ease;letter-spacing:2px}.submit-btn[data-v-9dad2182]:active{transform:scale(.98);box-shadow:0 2px 8px #3b82f633}.submit-btn[data-v-9dad2182]:disabled{opacity:.7}.confirm-mask[data-v-4f7a9cbc]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999}.confirm-content[data-v-4f7a9cbc]{background:#fff;border-radius:20px;padding:32px 28px;width:85%;max-width:320px;text-align:center;box-shadow:0 20px 60px #0000004d;animation:popIn-4f7a9cbc .3s ease}.confirm-icon[data-v-4f7a9cbc]{font-size:48px;margin-bottom:16px}.confirm-title[data-v-4f7a9cbc]{font-size:20px;font-weight:600;color:#333;margin-bottom:12px}.confirm-message[data-v-4f7a9cbc]{font-size:15px;color:#666;line-height:1.5;margin-bottom:28px}.confirm-actions[data-v-4f7a9cbc]{display:flex;gap:16px}.btn-cancel[data-v-4f7a9cbc],.btn-confirm[data-v-4f7a9cbc]{flex:1;height:48px;line-height:48px;border-radius:24px;font-size:16px;font-weight:500;border:none;cursor:pointer}.btn-cancel[data-v-4f7a9cbc]{background:#f5f5f5;color:#666}.btn-confirm[data-v-4f7a9cbc]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}@keyframes popIn-4f7a9cbc{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.confirm-enter-active[data-v-4f7a9cbc],.confirm-leave-active[data-v-4f7a9cbc]{transition:opacity .2s ease}.confirm-enter-from[data-v-4f7a9cbc],.confirm-leave-to[data-v-4f7a9cbc]{opacity:0}.list-container[data-v-5de67783]{min-height:100vh;background:#f0f4f8}.page-header[data-v-5de67783]{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;box-shadow:0 1px 4px #0000000a;margin-bottom:12px}.page-header .back-btn[data-v-5de67783]{display:flex;align-items:center;gap:4px;padding:10px 14px;background:#f3f4f6;border:none;border-radius:10px;font-size:14px;color:#6b7280;cursor:pointer}.page-header .back-btn[data-v-5de67783]:active{background:#e5e7eb}.page-header .page-title[data-v-5de67783]{font-size:20px;font-weight:600;color:#1f2937;margin:0}.filter-bar[data-v-5de67783]{background:#fff;padding:14px 16px;border-bottom:1px solid #f3f4f6;margin-bottom:8px}.filter-bar .category-filter[data-v-5de67783]{margin-bottom:14px}.filter-bar .category-filter .category-select[data-v-5de67783]{width:100%;height:42px;padding:0 14px;font-size:14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#1f2937;box-sizing:border-box}.filter-bar .category-filter .category-select[data-v-5de67783]:focus{outline:none;border-color:#3b82f6}.filter-bar .filter-tabs[data-v-5de67783]{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.filter-bar .filter-tabs[data-v-5de67783]::-webkit-scrollbar{display:none}.filter-bar .filter-tabs .tab-item[data-v-5de67783]{padding:8px 16px;font-size:13px;color:#6b7280;background:#f3f4f6;border-radius:20px;flex-shrink:0;cursor:pointer;transition:all .2s ease;font-weight:500}.filter-bar .filter-tabs .tab-item[data-v-5de67783]:active{transform:scale(.95)}.filter-bar .filter-tabs .tab-item.active[data-v-5de67783]{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff}.material-list[data-v-5de67783]{max-height:calc(100vh - 220px);overflow-y:auto}.material-list[data-v-5de67783]::-webkit-scrollbar{width:4px}.material-list[data-v-5de67783]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.empty-state[data-v-5de67783]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:16px;border:1px solid #e5e7eb}.empty-state .empty-icon[data-v-5de67783]{font-size:48px;margin-bottom:12px}.empty-state .empty-text[data-v-5de67783]{font-size:14px;color:#9ca3af}.material-item[data-v-5de67783]{background:#fff;border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 1px 6px #0000000a;border:1px solid #e5e7eb;transition:all .2s ease}.material-item[data-v-5de67783]:active{transform:scale(.98)}.material-item.warning-3[data-v-5de67783]{background:linear-gradient(135deg,#fef2f2 0%,#fff 100%);border-left:4px solid #ef4444}.material-item.warning-2[data-v-5de67783]{background:linear-gradient(135deg,#fffbeb 0%,#fff 100%);border-left:4px solid #f59e0b}.material-item.warning-1[data-v-5de67783]{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-left:4px solid #22c55e}.material-item .item-header[data-v-5de67783]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.material-item .item-header .material-name[data-v-5de67783]{font-size:16px;font-weight:600;color:#1f2937}.material-item .item-header .warning-badge[data-v-5de67783]{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.material-item .item-header .warning-badge.status-3[data-v-5de67783]{background:#fee2e2;color:#dc2626}.material-item .item-header .warning-badge.status-2[data-v-5de67783]{background:#fef3c7;color:#d97706}.material-item .item-header .warning-badge.status-1[data-v-5de67783]{background:#dcfce7;color:#16a34a}.material-item .item-header .warning-badge.status-0[data-v-5de67783]{background:#f3f4f6;color:#6b7280}.material-item .item-grid[data-v-5de67783]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.material-item .item-grid .grid-item[data-v-5de67783]{display:flex;flex-direction:column;gap:2px}.material-item .item-grid .grid-item .label[data-v-5de67783]{font-size:11px;color:#9ca3af}.material-item .item-grid .grid-item .value[data-v-5de67783]{font-size:13px;color:#374151;font-weight:500}.material-item .text-status-3[data-v-5de67783]{color:#ef4444!important}.material-item .text-status-2[data-v-5de67783]{color:#f59e0b!important}.material-item .text-status-1[data-v-5de67783]{color:#22c55e!important}.material-item .text-status-0[data-v-5de67783]{color:#9ca3af}.material-item .item-actions[data-v-5de67783]{display:flex;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.material-item .item-actions .action-btn[data-v-5de67783]{flex:1;height:36px;line-height:36px;text-align:center;border-radius:18px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.material-item .item-actions .action-btn[data-v-5de67783]:active{transform:scale(.95)}.material-item .item-actions .action-btn.deduct[data-v-5de67783]{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff}.material-item .item-actions .action-btn.delete[data-v-5de67783]{background:#fef2f2;color:#dc2626}.loading-more[data-v-5de67783],.no-more[data-v-5de67783]{text-align:center;padding:16px;font-size:13px;color:#9ca3af}.dialog-mask[data-v-5de67783]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100}.dialog-content[data-v-5de67783]{width:85%;max-width:360px;background:#fff;border-radius:18px;padding:24px;box-shadow:0 20px 40px #00000026}.dialog-content .dialog-title[data-v-5de67783]{font-size:17px;font-weight:600;color:#1f2937;text-align:center;margin:0 0 16px}.dialog-content .dialog-body .material-name[data-v-5de67783]{font-size:15px;font-weight:600;color:#1f2937;display:block;margin-bottom:6px;text-align:center}.dialog-content .dialog-body .current-stock[data-v-5de67783]{font-size:13px;color:#6b7280;display:block;margin-bottom:16px;text-align:center}.dialog-content .dialog-body .deduct-input[data-v-5de67783]{width:100%;height:48px;border:1px solid #e5e7eb;border-radius:12px;padding:0 16px;font-size:16px;box-sizing:border-box;background:#f9fafb;color:#1f2937}.dialog-content .dialog-body .deduct-input[data-v-5de67783]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dialog-content .dialog-body .deduct-row[data-v-5de67783]{display:flex;gap:10px;margin-bottom:12px}.dialog-content .dialog-body .deduct-row .deduct-input[data-v-5de67783]{flex:1}.dialog-content .dialog-body .deduct-row .deduct-unit-select[data-v-5de67783]{width:80px;height:48px;border:1px solid #e5e7eb;border-radius:12px;padding:0 10px;font-size:14px;background:#f9fafb;color:#1f2937;box-sizing:border-box;cursor:pointer}.dialog-content .dialog-body .deduct-row .deduct-unit-select[data-v-5de67783]:focus{outline:none;border-color:#3b82f6}.dialog-content .dialog-body .remark-input[data-v-5de67783]{margin-top:12px}.dialog-content .dialog-actions[data-v-5de67783]{display:flex;gap:12px;margin-top:20px}.dialog-content .dialog-actions .btn-cancel[data-v-5de67783],.dialog-content .dialog-actions .btn-confirm[data-v-5de67783]{flex:1;height:42px;line-height:42px;border-radius:21px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.dialog-content .dialog-actions .btn-cancel[data-v-5de67783]:active,.dialog-content .dialog-actions .btn-confirm[data-v-5de67783]:active{transform:scale(.98)}.dialog-content .dialog-actions .btn-cancel[data-v-5de67783]{background:#f3f4f6;color:#6b7280}.dialog-content .dialog-actions .btn-confirm[data-v-5de67783]{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff}.record-container[data-v-7490f662]{min-height:100vh;background:#f0f4f8}.page-header[data-v-7490f662]{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;box-shadow:0 1px 4px #0000000a;margin-bottom:12px}.page-header .back-btn[data-v-7490f662]{display:flex;align-items:center;gap:4px;padding:10px 14px;background:#f3f4f6;border:none;border-radius:10px;font-size:14px;color:#6b7280;cursor:pointer}.page-header .back-btn[data-v-7490f662]:active{background:#e5e7eb}.page-header .page-title[data-v-7490f662]{font-size:20px;font-weight:600;color:#1f2937;margin:0}.filter-bar[data-v-7490f662]{background:#fff;padding:14px 16px;border-bottom:1px solid #f3f4f6;margin-bottom:8px;display:flex;flex-wrap:wrap;gap:10px}.filter-bar .category-filter[data-v-7490f662]{flex:1 1 calc(50% - 5px);min-width:120px}.filter-bar .category-filter .category-select[data-v-7490f662]{width:100%;height:42px;padding:0 14px;font-size:14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#1f2937;box-sizing:border-box;cursor:pointer}.filter-bar .category-filter .category-select[data-v-7490f662]:focus{outline:none;border-color:#3b82f6}.filter-bar .type-filter[data-v-7490f662]{flex:1 1 calc(50% - 5px);min-width:120px}.filter-bar .type-filter .type-select[data-v-7490f662]{width:100%;height:42px;padding:0 14px;font-size:14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#1f2937;box-sizing:border-box;cursor:pointer}.filter-bar .type-filter .type-select[data-v-7490f662]:focus{outline:none;border-color:#3b82f6}.filter-bar .date-filter[data-v-7490f662]{flex:1 1 100%}.filter-bar .date-filter .date-input-wrapper[data-v-7490f662]{position:relative;width:100%}.filter-bar .date-filter .date-input-wrapper .date-input[data-v-7490f662]{width:100%;height:42px;padding:0 40px 0 14px;font-size:14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#1f2937;box-sizing:border-box}.filter-bar .date-filter .date-input-wrapper .date-input[data-v-7490f662]:focus{outline:none;border-color:#3b82f6}.filter-bar .date-filter .date-input-wrapper .clear-date-btn[data-v-7490f662]{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;border-radius:50%;background:#e5e7eb;color:#6b7280;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.filter-bar .date-filter .date-input-wrapper .clear-date-btn[data-v-7490f662]:active{background:#d1d5db}.record-list[data-v-7490f662]{padding:12px 0;max-height:calc(100vh - 200px);overflow-y:auto}.record-list[data-v-7490f662]::-webkit-scrollbar{width:4px}.record-list[data-v-7490f662]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.empty-state[data-v-7490f662]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:16px;border:1px solid #e5e7eb}.empty-state .empty-icon[data-v-7490f662]{font-size:48px;margin-bottom:12px}.empty-state .empty-text[data-v-7490f662]{font-size:14px;color:#9ca3af}.record-item[data-v-7490f662]{background:#fff;border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 1px 6px #0000000a;border:1px solid #e5e7eb;transition:all .2s ease}.record-item[data-v-7490f662]:active{transform:scale(.98)}.record-item.inbound[data-v-7490f662]{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-left:4px solid #22c55e}.record-item.outbound[data-v-7490f662]{background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);border-left:4px solid #3b82f6}.record-item .item-header[data-v-7490f662]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.record-item .item-header .material-name[data-v-7490f662]{font-size:16px;font-weight:600;color:#1f2937}.record-item .item-header .type-badge[data-v-7490f662]{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.record-item .item-header .type-badge.inbound[data-v-7490f662]{background:#dcfce7;color:#16a34a}.record-item .item-header .type-badge.outbound[data-v-7490f662]{background:#dbeafe;color:#2563eb}.record-item .item-header .type-badge.deleted[data-v-7490f662]{background:#fee2e2;color:#dc2626}.record-item .item-grid[data-v-7490f662]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.record-item .item-grid .grid-item[data-v-7490f662]{display:flex;flex-direction:column;gap:2px}.record-item .item-grid .grid-item.full-width[data-v-7490f662]{grid-column:span 2}.record-item .item-grid .grid-item .label[data-v-7490f662]{font-size:11px;color:#9ca3af}.record-item .item-grid .grid-item .value[data-v-7490f662]{font-size:13px;color:#374151;font-weight:500}.record-item .text-inbound[data-v-7490f662]{color:#22c55e!important}.record-item .text-outbound[data-v-7490f662]{color:#3b82f6!important}.record-item .text-deleted[data-v-7490f662]{color:#ef4444!important}.record-item .item-actions[data-v-7490f662]{margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end}.record-item .item-actions .detail-btn[data-v-7490f662]{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer}.record-item .item-actions .detail-btn[data-v-7490f662]:active{background:#5568d3}.record-item.deleted[data-v-7490f662]{background:linear-gradient(135deg,#fef2f2 0%,#fff 100%);border-left:4px solid #ef4444}.record-item.deleted .type-badge[data-v-7490f662]{background:#fee2e2;color:#dc2626}.loading-more[data-v-7490f662],.no-more[data-v-7490f662]{text-align:center;padding:16px;font-size:13px;color:#9ca3af}.detail-container[data-v-758ae9c3]{min-height:100vh;background:#f0f4f8}.page-header[data-v-758ae9c3]{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;box-shadow:0 1px 4px #0000000a;margin-bottom:12px}.page-header .back-btn[data-v-758ae9c3]{display:flex;align-items:center;gap:4px;padding:10px 14px;background:#f3f4f6;border:none;border-radius:10px;font-size:14px;color:#6b7280;cursor:pointer}.page-header .back-btn[data-v-758ae9c3]:active{background:#e5e7eb}.page-header .page-title[data-v-758ae9c3]{font-size:20px;font-weight:600;color:#1f2937;margin:0}.loading[data-v-758ae9c3],.empty-state[data-v-758ae9c3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:16px;margin:16px}.loading .empty-text[data-v-758ae9c3],.empty-state .empty-text[data-v-758ae9c3]{font-size:14px;color:#9ca3af}.image-section[data-v-758ae9c3]{margin-bottom:16px}.image-section .image-grid[data-v-758ae9c3]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.image-section .image-item[data-v-758ae9c3]{position:relative;background:#fff;border-radius:12px;overflow:hidden;aspect-ratio:1;cursor:pointer}.image-section .image-item img[data-v-758ae9c3]{width:100%;height:100%;object-fit:cover}.image-section .image-item .image-label[data-v-758ae9c3]{position:absolute;bottom:0;left:0;right:0;padding:8px;background:rgba(0,0,0,.5);color:#fff;font-size:12px;text-align:center}.image-section .no-image[data-v-758ae9c3]{background:#fff;border-radius:12px;padding:40px;text-align:center;color:#9ca3af;font-size:14px}.info-card[data-v-758ae9c3]{background:#fff;border-radius:14px;padding:16px;margin-bottom:12px;box-shadow:0 1px 6px #0000000a;border:1px solid #e5e7eb}.info-card .card-title[data-v-758ae9c3]{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.info-card .info-grid[data-v-758ae9c3]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-card .info-grid .info-item[data-v-758ae9c3]{display:flex;flex-direction:column;gap:4px}.info-card .info-grid .info-item .label[data-v-758ae9c3]{font-size:12px;color:#9ca3af}.info-card .info-grid .info-item .value[data-v-758ae9c3]{font-size:14px;color:#374151;font-weight:500}.info-card .info-grid .info-item .status-badge[data-v-758ae9c3]{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.info-card .info-grid .info-item .status-badge.status-normal[data-v-758ae9c3]{background:#dcfce7;color:#16a34a}.info-card .info-grid .info-item .status-badge.status-warning[data-v-758ae9c3]{background:#fef3c7;color:#d97706}.info-card .info-grid .info-item .status-badge.status-expired[data-v-758ae9c3]{background:#fee2e2;color:#dc2626}.info-card .info-grid .info-item .text-normal[data-v-758ae9c3]{color:#22c55e!important}.info-card .info-grid .info-item .text-warning[data-v-758ae9c3]{color:#f59e0b!important}.info-card .info-grid .info-item .text-expired[data-v-758ae9c3]{color:#ef4444!important}.preview-modal[data-v-758ae9c3]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000}.preview-modal .preview-content[data-v-758ae9c3]{position:relative;max-width:90vw;max-height:90vh}.preview-modal .preview-content img[data-v-758ae9c3]{max-width:100%;max-height:90vh;object-fit:contain}.preview-modal .preview-content .close-btn[data-v-758ae9c3]{position:absolute;top:-40px;right:0;width:32px;height:32px;background:rgba(255,255,255,.2);border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.category-container[data-v-8bd458b5]{min-height:100vh}.page-header[data-v-8bd458b5]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.page-header .back-btn[data-v-8bd458b5]{display:flex;align-items:center;gap:4px;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 4px #0000000a;font-size:14px;color:#6b7280;cursor:pointer}.page-header .back-btn[data-v-8bd458b5]:active{background:#f9fafb}.page-header .page-title[data-v-8bd458b5]{font-size:20px;font-weight:600;color:#1f2937;margin:0}.action-bar[data-v-8bd458b5]{margin-bottom:16px}.action-bar .add-btn[data-v-8bd458b5]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:12px;box-shadow:0 2px 8px #3b82f640;color:#fff;font-size:14px;font-weight:500;border:none;cursor:pointer}.action-bar .add-btn[data-v-8bd458b5]:active{transform:scale(.98)}.category-list[data-v-8bd458b5]{display:flex;flex-direction:column;gap:10px}.empty-state[data-v-8bd458b5]{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;border:1px solid #e5e7eb}.empty-state span[data-v-8bd458b5]{font-size:14px;color:#9ca3af}.category-item .category-node[data-v-8bd458b5]{background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 1px 6px #0000000a;border:1px solid #e5e7eb;transition:all .2s ease}.category-item .category-node[data-v-8bd458b5]:active{transform:scale(.98)}.category-item .category-node.child-node[data-v-8bd458b5]{margin-left:20px;background:#fafafa}.category-item .category-node .node-content[data-v-8bd458b5]{display:flex;align-items:center;gap:8px}.category-item .category-node .node-content .expand-icon[data-v-8bd458b5]{font-size:12px;color:#9ca3af;width:20px;flex-shrink:0}.category-item .category-node .node-content .category-name[data-v-8bd458b5]{flex:1;font-size:15px;font-weight:500;color:#1f2937}.category-item .category-node .node-content .default-info[data-v-8bd458b5]{font-size:12px;color:#9ca3af;flex-shrink:0}.category-item .category-node .node-actions[data-v-8bd458b5]{display:flex;gap:16px;margin-top:10px;padding-top:10px;border-top:1px solid #f3f4f6}.category-item .category-node .node-actions .action-edit[data-v-8bd458b5],.category-item .category-node .node-actions .action-delete[data-v-8bd458b5]{font-size:13px;padding:4px 8px;cursor:pointer;transition:opacity .2s}.category-item .category-node .node-actions .action-edit[data-v-8bd458b5]:active,.category-item .category-node .node-actions .action-delete[data-v-8bd458b5]:active{opacity:.7}.category-item .category-node .node-actions .action-edit[data-v-8bd458b5]{color:#3b82f6}.category-item .category-node .node-actions .action-delete[data-v-8bd458b5]{color:#ef4444}.category-item .children[data-v-8bd458b5]{margin-top:6px}.dialog-mask[data-v-8bd458b5]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100}.dialog-content[data-v-8bd458b5]{width:90%;max-width:400px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 40px #00000026}.dialog-content .dialog-header[data-v-8bd458b5]{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #f3f4f6}.dialog-content .dialog-header .dialog-title[data-v-8bd458b5]{font-size:17px;font-weight:600;color:#1f2937}.dialog-content .dialog-header .dialog-close[data-v-8bd458b5]{font-size:24px;color:#9ca3af;line-height:1}.dialog-content .form-section[data-v-8bd458b5]{display:block;margin:12px 16px}.dialog-content .form-section[data-v-8bd458b5]:last-of-type{margin-bottom:0}.dialog-content .form-section .section-title[data-v-8bd458b5]{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px;display:flex;align-items:center;gap:6px}.dialog-content .form-section .section-title[data-v-8bd458b5]:before{content:"";width:3px;height:14px;background:linear-gradient(180deg,#3b82f6,#10b981);border-radius:2px}.dialog-content .form-section .input[data-v-8bd458b5]{width:100%;height:48px;padding:0 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:15px;box-sizing:border-box;background:#f9fafb;color:#1f2937;transition:all .2s ease}.dialog-content .form-section .input[data-v-8bd458b5]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.dialog-content .form-section .input[data-v-8bd458b5]::placeholder{color:#9ca3af}.dialog-content .form-section .select-wrapper[data-v-8bd458b5]{position:relative}.dialog-content .form-section .select-wrapper .select[data-v-8bd458b5]{width:100%;height:46px;padding:0 14px;font-size:14px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;color:#1f2937;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;box-sizing:border-box}.dialog-content .form-section .select-wrapper .select[data-v-8bd458b5]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dialog-content .form-section .select-wrapper[data-v-8bd458b5]:after{content:"▼";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:10px;color:#9ca3af;pointer-events:none}.dialog-content .dialog-actions[data-v-8bd458b5]{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #f3f4f6;background:#fafafa}.dialog-content .dialog-actions .btn-cancel[data-v-8bd458b5],.dialog-content .dialog-actions .btn-confirm[data-v-8bd458b5]{flex:1;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.dialog-content .dialog-actions .btn-cancel[data-v-8bd458b5]{background:#f3f4f6;color:#6b7280}.dialog-content .dialog-actions .btn-cancel[data-v-8bd458b5]:active{background:#e5e7eb}.dialog-content .dialog-actions .btn-confirm[data-v-8bd458b5]{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff}.dialog-content .dialog-actions .btn-confirm[data-v-8bd458b5]:active{opacity:.9;transform:scale(.98)}.user-container[data-v-5c2e4e8a]{min-height:100vh}.page-header[data-v-5c2e4e8a]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.page-header .back-btn[data-v-5c2e4e8a]{display:flex;align-items:center;gap:4px;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 4px #0000000a}.page-header .back-btn .back-icon[data-v-5c2e4e8a],.page-header .back-btn .back-text[data-v-5c2e4e8a]{font-size:14px;color:#6b7280}.page-header .page-title[data-v-5c2e4e8a]{font-size:20px;font-weight:600;color:#1f2937}.action-bar[data-v-5c2e4e8a]{display:block;margin-bottom:16px}.action-bar .add-btn[data-v-5c2e4e8a]{display:inline-flex;align-items:center;gap:6px;padding:12px 18px;background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:12px;box-shadow:0 2px 8px #3b82f640}.action-bar .add-btn .add-icon[data-v-5c2e4e8a]{font-size:16px;color:#fff;font-weight:700}.action-bar .add-btn .add-text[data-v-5c2e4e8a]{font-size:14px;color:#fff;font-weight:500}.user-list[data-v-5c2e4e8a]{display:flex;flex-direction:column;gap:10px}.empty-state[data-v-5c2e4e8a]{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;border:1px solid #e5e7eb}.empty-state .empty-icon[data-v-5c2e4e8a]{display:block;font-size:48px;margin-bottom:12px}.empty-state .empty-text[data-v-5c2e4e8a]{font-size:14px;color:#9ca3af}.user-item[data-v-5c2e4e8a]{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 1px 6px #0000000a;border:1px solid #e5e7eb;transition:all .2s ease}.user-item[data-v-5c2e4e8a]:active{transform:scale(.98)}.user-item .user-avatar[data-v-5c2e4e8a]{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-item .user-avatar.admin[data-v-5c2e4e8a]{background:linear-gradient(135deg,#ef4444,#f97316)}.user-item .user-avatar.staff[data-v-5c2e4e8a]{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.user-item .user-avatar .avatar-text[data-v-5c2e4e8a]{font-size:18px;font-weight:600;color:#fff}.user-item .user-info[data-v-5c2e4e8a]{flex:1;min-width:0}.user-item .user-info .user-row[data-v-5c2e4e8a]{display:flex;align-items:center;gap:8px;margin-bottom:3px}.user-item .user-info .username[data-v-5c2e4e8a]{font-size:16px;font-weight:600;color:#1f2937}.user-item .user-info .role-tag[data-v-5c2e4e8a]{font-size:10px;padding:2px 8px;border-radius:4px;font-weight:500}.user-item .user-info .role-tag.admin[data-v-5c2e4e8a]{background:#fef2f2;color:#dc2626}.user-item .user-info .role-tag.staff[data-v-5c2e4e8a]{background:#eff6ff;color:#2563eb}.user-item .user-info .realname[data-v-5c2e4e8a]{font-size:13px;color:#9ca3af}.user-item .user-actions[data-v-5c2e4e8a]{display:flex;gap:6px;flex-shrink:0}.user-item .user-actions .action-btn[data-v-5c2e4e8a]{width:34px;height:34px;background:#f3f4f6;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.user-item .user-actions .action-btn[data-v-5c2e4e8a]:active{opacity:.7}.user-item .user-actions .action-btn .action-icon[data-v-5c2e4e8a]{font-size:13px}.dialog-mask[data-v-5c2e4e8a]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100}.dialog-content[data-v-5c2e4e8a]{width:90%;max-width:380px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 40px #00000026}.dialog-content .dialog-header[data-v-5c2e4e8a]{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #f3f4f6}.dialog-content .dialog-header .dialog-title[data-v-5c2e4e8a]{font-size:17px;font-weight:600;color:#1f2937}.dialog-content .dialog-header .dialog-close[data-v-5c2e4e8a]{font-size:24px;color:#9ca3af;line-height:1}.dialog-content .dialog-body[data-v-5c2e4e8a]{display:block;padding:20px}.dialog-content .form-section[data-v-5c2e4e8a]{display:block;margin-bottom:8px}.dialog-content .form-section[data-v-5c2e4e8a]:last-of-type{margin-bottom:0}.dialog-content .form-section .section-title[data-v-5c2e4e8a]{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px;display:flex;align-items:center;gap:6px}.dialog-content .form-section .section-title[data-v-5c2e4e8a]:before{content:"";width:3px;height:14px;background:linear-gradient(180deg,#3b82f6,#10b981);border-radius:2px}.dialog-content .form-section .input[data-v-5c2e4e8a]{width:100%;height:48px;padding:0 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:15px;box-sizing:border-box;background:#f9fafb;color:#1f2937;transition:all .2s ease}.dialog-content .form-section .input[data-v-5c2e4e8a]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.dialog-content .form-section .input[data-v-5c2e4e8a]::placeholder{color:#9ca3af}.dialog-content .form-section .input[data-v-5c2e4e8a]:disabled{background:#f3f4f6;color:#9ca3af}.dialog-content .form-section .select-wrapper[data-v-5c2e4e8a]{position:relative}.dialog-content .form-section .select-wrapper .select[data-v-5c2e4e8a]{width:100%;height:46px;padding:0 14px;font-size:14px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;color:#1f2937;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;box-sizing:border-box}.dialog-content .form-section .select-wrapper .select[data-v-5c2e4e8a]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dialog-content .form-section .select-wrapper[data-v-5c2e4e8a]:after{content:"▼";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:10px;color:#9ca3af;pointer-events:none}.dialog-content .dialog-actions[data-v-5c2e4e8a]{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #f3f4f6;background:#fafafa}.dialog-content .dialog-actions .btn-cancel[data-v-5c2e4e8a],.dialog-content .dialog-actions .btn-confirm[data-v-5c2e4e8a]{flex:1;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.dialog-content .dialog-actions .btn-cancel[data-v-5c2e4e8a]{background:#f3f4f6;color:#6b7280}.dialog-content .dialog-actions .btn-cancel[data-v-5c2e4e8a]:active{background:#e5e7eb}.dialog-content .dialog-actions .btn-confirm[data-v-5c2e4e8a]{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff}.dialog-content .dialog-actions .btn-confirm[data-v-5c2e4e8a]:active{opacity:.9;transform:scale(.98)}.export-container[data-v-8e640c5d]{min-height:100vh}.page-header[data-v-8e640c5d]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.page-header .back-btn[data-v-8e640c5d]{display:flex;align-items:center;gap:4px;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 4px #0000000a}.page-header .back-btn[data-v-8e640c5d]:active{background:#f9fafb}.page-header .back-btn .back-icon[data-v-8e640c5d],.page-header .back-btn .back-text[data-v-8e640c5d]{font-size:14px;color:#6b7280}.page-header .page-title[data-v-8e640c5d]{font-size:20px;font-weight:600;color:#1f2937}.content-wrapper[data-v-8e640c5d]{display:flex;flex-direction:column;gap:16px}.export-card[data-v-8e640c5d]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px #0000000a;border:1px solid #e5e7eb}.export-card .card-header[data-v-8e640c5d]{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #f3f4f6}.export-card .card-header .card-icon[data-v-8e640c5d]{font-size:22px}.export-card .card-header .card-title[data-v-8e640c5d]{font-size:16px;font-weight:600;color:#1f2937}.form-item[data-v-8e640c5d]{display:block;margin-bottom:18px}.form-item[data-v-8e640c5d]:last-child{margin-bottom:0}.form-item .form-label[data-v-8e640c5d]{display:flex;align-items:center;gap:8px;margin-bottom:10px}.form-item .form-label .label-icon[data-v-8e640c5d]{font-size:14px}.form-item .form-label .label-text[data-v-8e640c5d]{font-size:14px;color:#374151;font-weight:500}.form-item .select-wrapper[data-v-8e640c5d]{position:relative}.form-item .select-wrapper .select[data-v-8e640c5d]{width:100%;height:46px;padding:0 14px;font-size:14px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;color:#1f2937;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;box-sizing:border-box}.form-item .select-wrapper .select[data-v-8e640c5d]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-item .select-wrapper[data-v-8e640c5d]:after{content:"▼";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:10px;color:#9ca3af;pointer-events:none}.form-item-gap[data-v-8e640c5d]{padding-top:16px}.export-actions[data-v-8e640c5d]{margin-top:4px}.export-btn[data-v-8e640c5d]{width:100%;height:52px;background:linear-gradient(135deg,#3b82f6 0%,#10b981 100%);border-radius:26px;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #3b82f64d;transition:all .2s}.export-btn[data-v-8e640c5d]:active{transform:scale(.98);box-shadow:0 2px 8px #3b82f633}.export-btn.loading[data-v-8e640c5d]{opacity:.7}.export-btn .btn-content[data-v-8e640c5d]{display:flex;align-items:center;gap:8px}.export-btn .btn-icon[data-v-8e640c5d]{font-size:16px}.export-btn .btn-text[data-v-8e640c5d]{font-size:15px;font-weight:500;color:#fff;letter-spacing:1px}.tips-card[data-v-8e640c5d]{background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 12px #0000000a;border:1px solid #e5e7eb}.tips-card .tips-header[data-v-8e640c5d]{display:flex;align-items:center;gap:8px;margin-bottom:14px}.tips-card .tips-header .tips-icon[data-v-8e640c5d]{font-size:14px}.tips-card .tips-header .tips-title[data-v-8e640c5d]{font-size:14px;font-weight:600;color:#374151}.tips-card .tips-list[data-v-8e640c5d]{display:flex;flex-direction:column;gap:10px}.tips-card .tips-item[data-v-8e640c5d]{display:flex;align-items:flex-start;gap:8px}.tips-card .tips-item .tips-bullet[data-v-8e640c5d]{color:#3b82f6;font-weight:700}.tips-card .tips-item .tips-text[data-v-8e640c5d]{font-size:13px;color:#6b7280;line-height:1.5}.dialog-mask[data-v-8e640c5d]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100}.tenant-container[data-v-889008dd]{min-height:100vh}.page-header[data-v-889008dd]{margin-bottom:16px}.header-top[data-v-889008dd]{display:flex;align-items:center;gap:12px}.back-btn[data-v-889008dd]{display:flex;align-items:center;gap:4px;padding:10px 14px;background:#f3f4f6;border:none;border-radius:10px;font-size:14px;color:#6b7280;cursor:pointer}.back-btn[data-v-889008dd]:active{background:#e5e7eb}.page-title[data-v-889008dd]{font-size:20px;font-weight:600;color:#333;margin:0}.search-bar[data-v-889008dd]{margin-bottom:16px}.search-input[data-v-889008dd]{width:100%;height:44px;padding:0 16px;border:1px solid #e5e5e5;border-radius:22px;font-size:15px;background:#fff;box-sizing:border-box}.search-input[data-v-889008dd]:focus{outline:none;border-color:#667eea}.action-bar[data-v-889008dd]{margin-bottom:16px}.add-btn[data-v-889008dd]{width:100%;height:44px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:22px;font-size:16px;cursor:pointer}.tenant-list[data-v-889008dd]{max-height:calc(100vh - 280px);overflow-y:auto}.empty-state[data-v-889008dd]{text-align:center;padding:60px 0;color:#999;font-size:14px}.tenant-item[data-v-889008dd]{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px}.tenant-info[data-v-889008dd]{margin-bottom:12px}.tenant-header[data-v-889008dd]{display:flex;align-items:center;gap:12px;margin-bottom:8px}.tenant-name[data-v-889008dd]{font-size:16px;font-weight:500;color:#333}.tenant-code[data-v-889008dd]{font-size:13px;color:#666}.tenant-detail[data-v-889008dd]{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.detail-item[data-v-889008dd]{font-size:13px;color:#666}.status-badge[data-v-889008dd]{margin-left:auto;display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px}.status-badge.active[data-v-889008dd]{background:#dcfce7;color:#22c55e}.status-badge.inactive[data-v-889008dd]{background:#f3f4f6;color:#9ca3af}.tenant-actions[data-v-889008dd]{display:flex;gap:16px;padding-top:12px;border-top:1px solid #f0f0f0}.action-edit[data-v-889008dd],.action-status[data-v-889008dd],.action-renew[data-v-889008dd],.action-password[data-v-889008dd],.action-detail[data-v-889008dd]{font-size:13px;padding:4px 8px;cursor:pointer}.action-edit[data-v-889008dd]{color:#667eea}.action-renew[data-v-889008dd]{color:#10b981}.action-detail[data-v-889008dd]{color:#06b6d4}.action-password[data-v-889008dd]{color:#8b5cf6}.action-status[data-v-889008dd]{color:#f59e0b}.dialog-mask[data-v-889008dd]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100}.dialog-content[data-v-889008dd]{width:90%;max-height:85vh;overflow-y:auto;background:#fff;border-radius:16px;padding:24px}.dialog-title[data-v-889008dd]{font-size:18px;font-weight:600;color:#333;text-align:center;margin:0 0 20px}.dialog-body .form-item[data-v-889008dd]{margin-bottom:16px}.dialog-body .label[data-v-889008dd]{display:block;font-size:14px;color:#666;margin-bottom:8px}.dialog-body .info-text[data-v-889008dd]{font-size:15px;color:#333;padding:12px 0}.select[data-v-889008dd],.input[data-v-889008dd]{width:100%;height:44px;padding:0 12px;border:1px solid #e5e5e5;border-radius:8px;font-size:15px;box-sizing:border-box}.select[data-v-889008dd]:focus,.input[data-v-889008dd]:focus{outline:none;border-color:#667eea}.admin-section[data-v-889008dd]{margin-top:20px;padding-top:20px;border-top:1px dashed #e5e5e5}.section-title[data-v-889008dd]{font-size:15px;font-weight:500;color:#333;margin-bottom:16px}.dialog-actions[data-v-889008dd]{display:flex;gap:12px;margin-top:20px}.btn-cancel[data-v-889008dd],.btn-confirm[data-v-889008dd]{flex:1;height:44px;border-radius:22px;font-size:16px;border:none;cursor:pointer}.btn-cancel[data-v-889008dd]{background:#f5f5f5;color:#666}.btn-confirm[data-v-889008dd]{background:#667eea;color:#fff}.tenant-warning-container[data-v-e40c3c5f]{min-height:100vh;background:#f0f4f8}.page-header[data-v-e40c3c5f]{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;box-shadow:0 1px 4px #0000000a;margin-bottom:12px}.page-header .back-btn[data-v-e40c3c5f]{display:flex;align-items:center;gap:4px;padding:10px 14px;background:#f3f4f6;border:none;border-radius:10px;font-size:14px;color:#6b7280;cursor:pointer}.page-header .back-btn[data-v-e40c3c5f]:active{background:#e5e7eb}.page-header .page-title[data-v-e40c3c5f]{font-size:20px;font-weight:600;color:#1f2937;margin:0}.filter-bar[data-v-e40c3c5f]{display:flex;gap:10px;padding:12px 16px;background:#fff;overflow-x:auto;margin-bottom:8px}.filter-bar .filter-btn[data-v-e40c3c5f]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f3f4f6;border:none;border-radius:20px;font-size:14px;color:#6b7280;cursor:pointer;white-space:nowrap;transition:all .2s ease}.filter-bar .filter-btn.active[data-v-e40c3c5f]{background:#3b82f6;color:#fff}.filter-bar .filter-btn .filter-count[data-v-e40c3c5f]{background:rgba(0,0,0,.1);padding:2px 8px;border-radius:10px;font-size:12px}.filter-bar .filter-btn.active .filter-count[data-v-e40c3c5f]{background:rgba(255,255,255,.2)}.empty-state[data-v-e40c3c5f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:16px;border:1px solid #e5e7eb}.empty-state .empty-icon[data-v-e40c3c5f]{font-size:48px;margin-bottom:12px}.empty-state .empty-text[data-v-e40c3c5f]{font-size:14px;color:#9ca3af}.tenant-item[data-v-e40c3c5f]{background:#fff;border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 1px 6px #0000000a;border:1px solid #e5e7eb;border-left:4px solid #e5e7eb}.tenant-item.red[data-v-e40c3c5f]{background:linear-gradient(135deg,#fef2f2 0%,#fff 100%);border-left-color:#ef4444}.tenant-item.yellow[data-v-e40c3c5f]{background:linear-gradient(135deg,#fffbeb 0%,#fff 100%);border-left-color:#f59e0b}.tenant-item.normal[data-v-e40c3c5f]{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-left-color:#22c55e}.tenant-item.expired[data-v-e40c3c5f]{background:linear-gradient(135deg,#f3f4f6 0%,#fff 100%);border-left-color:#9ca3af}.tenant-item .tenant-header[data-v-e40c3c5f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tenant-item .tenant-header .tenant-name[data-v-e40c3c5f]{font-size:16px;font-weight:600;color:#1f2937}.tenant-item .tenant-header .warning-badge[data-v-e40c3c5f]{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.tenant-item .tenant-header .warning-badge.red[data-v-e40c3c5f]{background:#fee2e2;color:#dc2626}.tenant-item .tenant-header .warning-badge.yellow[data-v-e40c3c5f]{background:#fef3c7;color:#d97706}.tenant-item .tenant-header .warning-badge.normal[data-v-e40c3c5f]{background:#dcfce7;color:#16a34a}.tenant-item .tenant-header .warning-badge.expired[data-v-e40c3c5f]{background:#f3f4f6;color:#6b7280}.tenant-item .tenant-info .info-row[data-v-e40c3c5f]{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f3f4f6}.tenant-item .tenant-info .info-row[data-v-e40c3c5f]:last-child{border-bottom:none}.tenant-item .tenant-info .info-row .label[data-v-e40c3c5f]{font-size:13px;color:#9ca3af}.tenant-item .tenant-info .info-row .value[data-v-e40c3c5f]{font-size:13px;color:#374151;font-weight:500}.tenant-item .tenant-info .info-row .text-success[data-v-e40c3c5f]{color:#22c55e!important}.tenant-item .tenant-info .info-row .text-warning[data-v-e40c3c5f]{color:#f59e0b!important}.tenant-item .tenant-info .info-row .text-danger[data-v-e40c3c5f]{color:#ef4444!important}.tenant-item .tenant-info .info-row .text-expired[data-v-e40c3c5f]{color:#6b7280!important}.loading-more[data-v-e40c3c5f]{text-align:center;padding:16px;font-size:13px;color:#9ca3af}.export-container[data-v-d257f5f1]{min-height:100vh}.page-header[data-v-d257f5f1]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.page-header .back-btn[data-v-d257f5f1]{display:flex;align-items:center;gap:4px;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 4px #0000000a}.page-header .back-btn[data-v-d257f5f1]:active{background:#f9fafb}.page-header .back-btn .back-icon[data-v-d257f5f1],.page-header .back-btn .back-text[data-v-d257f5f1]{font-size:14px;color:#6b7280}.page-header .page-title[data-v-d257f5f1]{font-size:20px;font-weight:600;color:#1f2937}.content-wrapper[data-v-d257f5f1]{display:flex;flex-direction:column;gap:16px}.export-card[data-v-d257f5f1]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px #0000000a;border:1px solid #e5e7eb}.export-card .card-header[data-v-d257f5f1]{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #f3f4f6}.export-card .card-header .card-icon[data-v-d257f5f1]{font-size:22px}.export-card .card-header .card-title[data-v-d257f5f1]{font-size:16px;font-weight:600;color:#1f2937}.form-item[data-v-d257f5f1]{display:block;margin-bottom:18px}.form-item[data-v-d257f5f1]:last-child{margin-bottom:0}.form-item .form-label[data-v-d257f5f1]{display:flex;align-items:center;gap:8px;margin-bottom:10px}.form-item .form-label .label-icon[data-v-d257f5f1]{font-size:14px}.form-item .form-label .label-text[data-v-d257f5f1]{font-size:14px;color:#374151;font-weight:500}.form-item .select-wrapper[data-v-d257f5f1]{position:relative}.form-item .select-wrapper .select[data-v-d257f5f1]{width:100%;height:46px;padding:0 14px;font-size:14px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;color:#1f2937;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;box-sizing:border-box}.form-item .select-wrapper .select[data-v-d257f5f1]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-item .select-wrapper[data-v-d257f5f1]:after{content:"▼";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:10px;color:#9ca3af;pointer-events:none}.export-actions[data-v-d257f5f1]{margin-top:4px}.export-btn[data-v-d257f5f1]{width:100%;height:52px;background:linear-gradient(135deg,#3b82f6 0%,#10b981 100%);border-radius:26px;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #3b82f64d;transition:all .2s}.export-btn[data-v-d257f5f1]:active{transform:scale(.98);box-shadow:0 2px 8px #3b82f633}.export-btn.loading[data-v-d257f5f1]{opacity:.7}.export-btn .btn-content[data-v-d257f5f1]{display:flex;align-items:center;gap:8px}.export-btn .btn-icon[data-v-d257f5f1]{font-size:16px}.export-btn .btn-text[data-v-d257f5f1]{font-size:15px;font-weight:500;color:#fff;letter-spacing:1px}.tips-card[data-v-d257f5f1]{background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 12px #0000000a;border:1px solid #e5e7eb}.tips-card .tips-header[data-v-d257f5f1]{display:flex;align-items:center;gap:8px;margin-bottom:14px}.tips-card .tips-header .tips-icon[data-v-d257f5f1]{font-size:14px}.tips-card .tips-header .tips-title[data-v-d257f5f1]{font-size:14px;font-weight:600;color:#374151}.tips-card .tips-list[data-v-d257f5f1]{display:flex;flex-direction:column;gap:10px}.tips-card .tips-item[data-v-d257f5f1]{display:flex;align-items:flex-start;gap:8px}.tips-card .tips-item .tips-bullet[data-v-d257f5f1]{color:#3b82f6;font-weight:700}.tips-card .tips-item .tips-text[data-v-d257f5f1]{font-size:13px;color:#6b7280;line-height:1.5}.tenant-detail-container[data-v-545a48dd]{min-height:100vh;padding:16px 0}.page-header[data-v-545a48dd]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.back-btn[data-v-545a48dd]{display:flex;align-items:center;gap:4px;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#6b7280;cursor:pointer}.back-btn[data-v-545a48dd]:active{background:#f9fafb}.page-title[data-v-545a48dd]{font-size:20px;font-weight:600;color:#1f2937;margin:0}.tenant-info-card[data-v-545a48dd]{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 12px #0000000a;border:1px solid #e5e7eb}.info-header[data-v-545a48dd]{display:flex;align-items:center;gap:12px}.tenant-icon[data-v-545a48dd]{font-size:32px}.tenant-basic[data-v-545a48dd]{flex:1}.tenant-name[data-v-545a48dd]{font-size:18px;font-weight:600;color:#1f2937}.tenant-code[data-v-545a48dd]{font-size:13px;color:#6b7280;margin-top:4px}.status-badge[data-v-545a48dd]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active[data-v-545a48dd]{background:#dcfce7;color:#22c55e}.status-badge.inactive[data-v-545a48dd]{background:#f3f4f6;color:#9ca3af}.info-divider[data-v-545a48dd]{height:1px;background:#f3f4f6;margin:16px 0}.info-row[data-v-545a48dd]{display:flex;justify-content:space-between;padding:8px 0}.info-label[data-v-545a48dd]{font-size:14px;color:#6b7280}.info-value[data-v-545a48dd]{font-size:14px;color:#1f2937;font-weight:500}.renewal-section[data-v-545a48dd]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px #0000000a;border:1px solid #e5e7eb}.section-header[data-v-545a48dd]{display:flex;align-items:center;gap:8px;margin-bottom:16px}.section-icon[data-v-545a48dd]{font-size:18px}.section-title[data-v-545a48dd]{font-size:16px;font-weight:600;color:#1f2937}.loading[data-v-545a48dd]{text-align:center;padding:40px 0;color:#6b7280}.empty-state[data-v-545a48dd]{text-align:center;padding:40px 0;color:#9ca3af;font-size:14px}.renewal-list[data-v-545a48dd]{display:flex;flex-direction:column;gap:12px}.renewal-item[data-v-545a48dd]{background:#f9fafb;border-radius:12px;padding:16px}.renewal-content[data-v-545a48dd]{display:flex;align-items:center;gap:12px}.renewal-row[data-v-545a48dd]{flex:1;display:flex;align-items:center;gap:8px}.renewal-label[data-v-545a48dd]{font-size:13px;color:#6b7280}.renewal-value[data-v-545a48dd]{font-size:14px;color:#1f2937;font-weight:500}.renewal-value.new[data-v-545a48dd]{color:#22c55e}.renewal-arrow[data-v-545a48dd]{color:#9ca3af;font-size:16px}.renewal-meta[data-v-545a48dd]{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.meta-item[data-v-545a48dd]{font-size:12px;color:#9ca3af}.password-container[data-v-f6b5b4f9]{min-height:100vh;background:#f0f4f8}.page-header[data-v-f6b5b4f9]{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;box-shadow:0 1px 4px #0000000a;margin-bottom:16px}.page-header .back-btn[data-v-f6b5b4f9]{display:flex;align-items:center;gap:4px;padding:10px 14px;background:#f3f4f6;border:none;border-radius:10px;font-size:14px;color:#6b7280;cursor:pointer}.page-header .back-btn[data-v-f6b5b4f9]:active{background:#e5e7eb}.page-header .page-title[data-v-f6b5b4f9]{font-size:20px;font-weight:600;color:#1f2937;margin:0}.form-container[data-v-f6b5b4f9]{background:#fff;border-radius:16px;padding:24px 20px;box-shadow:0 2px 12px #0000000a}.form-item[data-v-f6b5b4f9]{margin-bottom:20px}.form-item .form-label[data-v-f6b5b4f9]{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-item .form-input[data-v-f6b5b4f9]{width:100%;height:48px;padding:0 16px;font-size:15px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa;color:#1f2937;box-sizing:border-box;transition:all .2s}.form-item .form-input[data-v-f6b5b4f9]:focus{outline:none;border-color:#3b82f6;background:#fff}.form-item .form-input[data-v-f6b5b4f9]::placeholder{color:#9ca3af}.form-tips[data-v-f6b5b4f9]{background:#f0f9ff;border-radius:12px;padding:16px;margin-bottom:24px}.form-tips p[data-v-f6b5b4f9]{font-size:13px;font-weight:600;color:#0369a1;margin:0 0 8px}.form-tips ul[data-v-f6b5b4f9]{margin:0;padding-left:20px}.form-tips ul li[data-v-f6b5b4f9]{font-size:12px;color:#075985;line-height:1.8}.submit-btn[data-v-f6b5b4f9]{width:100%;height:52px;background:linear-gradient(135deg,#3b82f6 0%,#10b981 100%);border:none;border-radius:14px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.submit-btn[data-v-f6b5b4f9]:active{transform:scale(.98)}.submit-btn[data-v-f6b5b4f9]:disabled{opacity:.6;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5}.app-container{min-height:100vh}.login-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:60px 20px}.login-header{text-align:center;margin-bottom:40px}.login-header h1{color:#fff;font-size:28px;margin-bottom:8px}.login-header p{color:#fffc;font-size:14px}.login-form{background:#fff;border-radius:16px;padding:30px 20px;max-width:400px;margin:0 auto}.form-item{margin-bottom:20px}.form-item label{display:block;font-size:14px;color:#333;margin-bottom:8px}.form-item input{width:100%;height:44px;padding:0 12px;border:1px solid #e5e5e5;border-radius:8px;font-size:16px}.expire-info{margin-top:10px;padding:10px;background:#f0f9ff;border-radius:8px;font-size:13px;color:#333}.expire-info .expire-warning{color:#f59e0b;margin-left:8px}.login-btn{width:100%;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:24px;font-size:16px;cursor:pointer}.login-btn:disabled{opacity:.7}.hint{margin-top:16px;padding:10px;background:#fffbeb;border-radius:8px;font-size:12px;color:#f59e0b;text-align:center}.page-container{min-height:100vh;padding:8px 16px;background:#f0f4f8}