: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)}: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{min-height:100vh;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{font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}.badge,.order-status,.payment-status{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-align:center;white-space:nowrap}.payment-unpaid,.payment-pending,.payment-status-pending{background:#fef3c7;color:#d97706}.payment-paid,.payment-status-paid{background:#d1fae5;color:#059669}.payment-refunded,.payment-status-refunded{background:#fecaca;color:#dc2626}.payment-paying,.payment-status-paying{background:#fffbeb;color:#d97706}.payment-failed,.payment-status-failed{background:#fecaca;color:#dc2626}.payment-partially_refunded,.payment-partiallyrefunded,.payment-status-partiallyrefunded{background:#ffecb3;color:#d97706}.payment-settlement,.payment-status-settlement{background:#dbeafe;color:#1e40af}.payment-settlement_failed,.payment-settlementfailed,.payment-status-settlementfailed{background:#fecaca;color:#dc2626}.payment-settlement_completed,.payment-settlementcompleted,.payment-status-settlementcompleted{background:#d1fae5;color:#059669}.payment-invoicing,.payment-status-invoicing,.payment-sytem_invoicing,.payment-status-sytem_invoicing{background:#e0e7ff;color:#4f46e5}.payment-invoiced,.payment-status-invoiced{background:#dcfce7;color:#16a34a}.status-pending,.order-status-pending{background:#fef3c7;color:#d97706}.status-confirmed,.order-status-confirmed{background:#d1fae5;color:#059669}.status-completed,.order-status-completed{background:#dbeafe;color:#1e40af}.status-cancelled,.order-status-cancelled,.status-rejected,.order-status-rejected{background:#fecaca;color:#dc2626}.status-service_completed,.order-status-service_completed{background:#e0e7ff;color:#4f46e5}.status-terminated,.order-status-terminated{background:#f1f5f9;color:#475569}.status-in-progress,.status-in_progress,.status-inprogress,.order-status-in-progress{background:#dbeafe;color:#1e40af}.status-refund_reviewing,.status-refund_processing,.status-refund_pending,.order-status-refund_reviewing,.order-status-refund_processing{background:#fffbeb;color:#d97706}.status-refund_success,.status-refund_completed,.order-status-refund_success,.order-status-refund_completed{background:#dcfce7;color:#16a34a}.status-refund_rejected,.order-status-refund_rejected{background:#fecaca;color:#dc2626}.settlement-unsettled{background:#fef3c7;color:#d97706}.settlement-settled{background:#d1fae5;color:#059669}.booking-pending{background:#fef3c7;color:#d97706}.booking-confirmed{background:#d1fae5;color:#059669}.booking-completed{background:#dbeafe;color:#1e40af}.booking-cancelled,.booking-rejected{background:#fecaca;color:#dc2626}.booking-service_completed{background:#e0e7ff;color:#4f46e5}.booking-in_progress{background:#dbeafe;color:#1e40af}.booking-expired,.booking-terminated{background:#f1f5f9;color:#475569}.booking-unknown,.payment-unknown,.status-unknown,.order-status-unknown{background:#f1f5f9;color:#64748b}.bid-type-government{background:#dbeafe;color:#1e40af}.bid-type-enterprise{background:#fef3c7;color:#d97706}.bid-type-fixed{background:#d1fae5;color:#059669}.bid-type-auction{background:#ffecb3;color:#d97706}.bid-type-negotiation{background:#e0e7ff;color:#4f46e5}.bid-type-other{background:#f1f5f9;color:#64748b}.payment-status-row{display:flex;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.payment-status-item{display:flex;align-items:center;gap:8px;font-size:14px}.payment-label{color:#64748b;font-weight:500}@media(max-width:768px){.badge{font-size:11px;padding:3px 10px}.payment-status-row{flex-direction:column;gap:12px}}#app[data-v-ca1b0a45]{min-height:100vh;display:flex;flex-direction:column}.top-nav[data-v-ca1b0a45]{background:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.nav-container[data-v-ca1b0a45]{padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:60px}.nav-logo[data-v-ca1b0a45]{display:flex;align-items:center;gap:8px;text-decoration:none;color:#333;font-size:1.2em;font-weight:600}.nav-logo span[data-v-ca1b0a45]:first-child{font-size:1.5em}.nav-links[data-v-ca1b0a45]{display:flex;gap:24px}.nav-link[data-v-ca1b0a45]{text-decoration:none;color:#666;font-weight:500;padding:8px 16px;border-radius:6px;transition:all .2s}.nav-link[data-v-ca1b0a45]:hover,.nav-link.router-link-active[data-v-ca1b0a45]{color:#007bff;background:#f0f8ff}.logout-btn[data-v-ca1b0a45]{background:none;border:none;color:#dc3545;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:6px;transition:background .2s}.logout-btn[data-v-ca1b0a45]:hover{background:#ffeaea}.main-content[data-v-ca1b0a45]{flex:1}.app-footer[data-v-ca1b0a45]{background:#f8f9fa;padding:20px;text-align:center;border-top:1px solid #e9ecef;margin-top:auto}.app-footer p[data-v-ca1b0a45]{margin:0;color:#666;font-size:.9em}.user-dropdown-wrapper[data-v-ca1b0a45]{position:relative;display:flex;align-items:center}.user-name[data-v-ca1b0a45]{cursor:pointer;color:#007bff;font-weight:600;padding:8px 16px;border-radius:6px;transition:all .2s;position:relative}.user-name[data-v-ca1b0a45]:hover{background:#f0f8ff}.user-name[data-v-ca1b0a45]:after{content:"▼";margin-left:4px;font-size:.8em;transition:transform .2s}.user-dropdown-wrapper:hover .user-name[data-v-ca1b0a45]:after{transform:rotate(180deg)}.user-dropdown[data-v-ca1b0a45]{position:absolute;top:100%;right:0;background:#fff;box-shadow:0 4px 16px #0000001f;border-radius:8px;min-width:140px;z-index:999;display:flex;flex-direction:column;padding:8px 0;margin-top:-1px;border:1px solid transparent;animation:dropdownFadeIn-ca1b0a45 .2s ease-out}.user-dropdown[data-v-ca1b0a45]:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px;background:transparent}@keyframes dropdownFadeIn-ca1b0a45{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-ca1b0a45]{background:none;border:none;width:100%;text-align:left;padding:10px 20px;color:#333;font-size:1em;cursor:pointer;transition:background .2s}.dropdown-item[data-v-ca1b0a45]:hover{background:#f0f8ff}.dropdown-item.logout-btn[data-v-ca1b0a45]{color:#dc3545}@media(max-width:768px){.nav-container[data-v-ca1b0a45]{padding:0 15px}.nav-logo span[data-v-ca1b0a45]:last-child{display:none}.nav-links[data-v-ca1b0a45]{gap:16px}.nav-link[data-v-ca1b0a45]{padding:6px 12px;font-size:.9em}}.home-page[data-v-1f6fd7c8]{min-height:100vh;height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:0;display:flex;flex-direction:column;overflow-y:auto}.welcome-section[data-v-1f6fd7c8]{text-align:center;padding:40px 20px 30px;flex-shrink:0}.welcome-section h1[data-v-1f6fd7c8]{font-size:2.5em;color:#333;margin-bottom:16px;font-weight:700}.welcome-section p[data-v-1f6fd7c8]{font-size:1.2em;color:#666;line-height:1.6;margin:0}.role-sections[data-v-1f6fd7c8]{flex:1;padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px;align-content:start;max-width:1400px;margin:0 auto;width:100%}.role-section[data-v-1f6fd7c8]{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 20px #0000001a;transition:transform .2s;height:fit-content}.role-section[data-v-1f6fd7c8]:hover{transform:translateY(-4px)}.lessor-section[data-v-1f6fd7c8]{border-left:4px solid #007bff}.lessee-section[data-v-1f6fd7c8]{border-left:4px solid #28a745}.admin-section[data-v-1f6fd7c8]{border-left:4px solid #dc3545}.no-role-section[data-v-1f6fd7c8]{border-left:4px solid #6c757d}.customer-service-section[data-v-1f6fd7c8]{border-left:4px solid #6f42c1}.role-header[data-v-1f6fd7c8]{margin-bottom:20px}.role-header h2[data-v-1f6fd7c8]{font-size:1.4em;color:#333;margin-bottom:8px}.role-header p[data-v-1f6fd7c8]{color:#666;font-size:.95em;margin:0}.function-grid[data-v-1f6fd7c8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.function-card[data-v-1f6fd7c8]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px 16px;text-decoration:none;color:inherit;transition:all .2s;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:140px}.function-card[data-v-1f6fd7c8]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;border-color:#007bff}.lessor-section .function-card[data-v-1f6fd7c8]:hover{border-color:#007bff}.lessee-section .function-card[data-v-1f6fd7c8]:hover{border-color:#28a745}.admin-section .function-card[data-v-1f6fd7c8]:hover{border-color:#dc3545}.no-role-section .function-card[data-v-1f6fd7c8]:hover{border-color:#6c757d}.function-card.coming-soon[data-v-1f6fd7c8]{opacity:.7;cursor:not-allowed}.function-card.coming-soon[data-v-1f6fd7c8]:hover{transform:none;box-shadow:none;border-color:#e9ecef}.card-icon[data-v-1f6fd7c8]{font-size:2.2em;margin-bottom:12px}.function-card h3[data-v-1f6fd7c8]{font-size:1em;color:#333;margin-bottom:8px;font-weight:600;line-height:1.2}.function-card p[data-v-1f6fd7c8]{color:#666;font-size:.85em;line-height:1.3;margin:0;flex:1}.coming-soon-tag[data-v-1f6fd7c8]{position:absolute;top:6px;right:6px;background:#ffc107;color:#212529;font-size:.65em;padding:3px 6px;border-radius:10px;font-weight:600}.quick-links[data-v-1f6fd7c8]{margin-top:auto;padding:30px 20px 40px;text-align:center;flex-shrink:0}.quick-links h3[data-v-1f6fd7c8]{color:#333;margin-bottom:16px;font-size:1.1em}.quick-link-grid[data-v-1f6fd7c8]{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.quick-link[data-v-1f6fd7c8]{color:#666;text-decoration:none;padding:8px 16px;border-radius:20px;background:#fffc;transition:all .2s;font-size:.9em}.quick-link[data-v-1f6fd7c8]:hover{background:#fff;color:#007bff;box-shadow:0 2px 8px #0000001a}@media(min-width:1200px){.role-sections[data-v-1f6fd7c8]{grid-template-columns:repeat(3,1fr);gap:30px;padding:30px}.role-section[data-v-1f6fd7c8]{padding:32px}.function-grid[data-v-1f6fd7c8]{grid-template-columns:repeat(2,1fr);gap:18px}}@media(max-width:1199px)and (min-width:769px){.role-sections[data-v-1f6fd7c8]{grid-template-columns:repeat(2,1fr);padding:25px}.function-grid[data-v-1f6fd7c8]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.home-page[data-v-1f6fd7c8]{height:auto;min-height:100vh}.welcome-section[data-v-1f6fd7c8]{padding:30px 20px 20px}.welcome-section h1[data-v-1f6fd7c8]{font-size:2em}.welcome-section p[data-v-1f6fd7c8]{font-size:1.1em}.role-sections[data-v-1f6fd7c8]{grid-template-columns:1fr;padding:15px;gap:20px}.role-section[data-v-1f6fd7c8]{padding:24px}.function-grid[data-v-1f6fd7c8]{grid-template-columns:repeat(2,1fr);gap:14px}.function-card[data-v-1f6fd7c8]{padding:18px 14px;min-height:120px}.card-icon[data-v-1f6fd7c8]{font-size:2em}.quick-links[data-v-1f6fd7c8]{padding:20px 15px 30px}.quick-link-grid[data-v-1f6fd7c8]{gap:15px}}@media(max-width:480px){.welcome-section[data-v-1f6fd7c8]{padding:25px 15px 15px}.welcome-section h1[data-v-1f6fd7c8]{font-size:1.8em}.role-sections[data-v-1f6fd7c8]{padding:10px}.role-section[data-v-1f6fd7c8]{padding:20px}.function-grid[data-v-1f6fd7c8]{grid-template-columns:1fr;gap:12px}.function-card[data-v-1f6fd7c8]{padding:16px;min-height:100px}.card-icon[data-v-1f6fd7c8]{font-size:1.8em;margin-bottom:8px}.function-card h3[data-v-1f6fd7c8]{font-size:.95em}.function-card p[data-v-1f6fd7c8]{font-size:.8em}.quick-link-grid[data-v-1f6fd7c8]{flex-direction:column;align-items:center;gap:12px}}