.header-section[data-v-c8953a80]{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;position:relative;z-index:1000}.header-section .status-notice[data-v-c8953a80]{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #f59e0b;margin-bottom:6px;margin-top:6px;padding:8px 0}.header-section .status-notice .notice-content[data-v-c8953a80]{align-items:center;display:flex;gap:8px;margin:0 auto;max-width:1200px;padding:0 24px}.header-section .status-notice .notice-content .notice-icon[data-v-c8953a80]{color:#f59e0b;flex-shrink:0;font-size:16px}.header-section .status-notice .notice-content .notice-text[data-v-c8953a80]{color:#92400e;font-size:14px;font-weight:500;line-height:1.4}.header-section .status-notice .notice-content .notice-text .notice-link[data-v-c8953a80]{color:#d97706;cursor:pointer;font-weight:600;text-decoration:underline;transition:color .2s ease}.header-section .status-notice .notice-content .notice-text .notice-link[data-v-c8953a80]:hover{color:#b45309}@media (max-width:768px){.header-section .status-notice[data-v-c8953a80]{margin-bottom:4px;padding:6px 0}.header-section .status-notice .notice-content[data-v-c8953a80]{padding:0 12px}.header-section .status-notice .notice-content .notice-icon[data-v-c8953a80]{font-size:14px}.header-section .status-notice .notice-content .notice-text[data-v-c8953a80]{font-size:13px}}@media (max-width:480px){.header-section .status-notice[data-v-c8953a80]{margin-bottom:2px;padding:4px 0}.header-section .status-notice .notice-content[data-v-c8953a80]{gap:6px;padding:0 8px}.header-section .status-notice .notice-content .notice-icon[data-v-c8953a80],.header-section .status-notice .notice-content .notice-text[data-v-c8953a80]{font-size:12px}}@media (max-width:768px){.header-section[data-v-c8953a80]{min-height:50px!important;padding:4px 0!important}}@media (max-width:390px){.header-section[data-v-c8953a80]{min-height:45px!important;padding:2px 0!important}}@media (max-width:375px){.header-section[data-v-c8953a80]{min-height:40px!important;padding:1px 0!important}}@media (max-width:360px){.header-section[data-v-c8953a80]{min-height:35px!important;padding:1px 0!important}}.header-section .top-info-bar[data-v-c8953a80]{border-bottom:1px solid #e2e8f0;padding:8px 0}.header-section .top-info-bar .top-content[data-v-c8953a80]{align-items:center;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:1200px;padding:0 24px}.header-section .navigation-bar[data-v-c8953a80]{display:flex;justify-content:center}.header-section .navigation-bar .main-nav[data-v-c8953a80]{align-items:center;display:flex;flex-wrap:nowrap;gap:0;white-space:nowrap}.header-section .navigation-bar .main-nav .nav-item[data-v-c8953a80]{align-items:center;border-bottom:3px solid transparent;color:#374151;display:flex;flex-shrink:0;font-size:14px;font-weight:500;padding:16px 20px;position:relative;text-decoration:none;transition:all .2s ease}.header-section .navigation-bar .main-nav .nav-item[data-v-c8953a80]:hover{background:#f8fafc;color:#3b82f6}.header-section .navigation-bar .main-nav .nav-item.active[data-v-c8953a80]{background:#f8fafc;border-bottom-color:#3b82f6;color:#3b82f6;font-weight:600}@media (max-width:768px){.header-section[data-v-c8953a80]{min-height:50px!important;padding:0 12px!important}}@media (max-width:390px){.header-section[data-v-c8953a80]{min-height:45px!important;padding:0 6px!important}}@media (max-width:375px){.header-section[data-v-c8953a80]{min-height:40px!important;padding:0 4px!important}}@media (max-width:360px){.header-section[data-v-c8953a80]{min-height:35px!important;padding:0 3px!important}}.header-section .logo-section[data-v-c8953a80]{align-items:center;display:flex}.header-section .logo-section .logo-icon[data-v-c8953a80]{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;margin-right:12px;width:40px}.header-section .logo-section .logo-icon .logo-inner[data-v-c8953a80]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;height:40px;width:40px}.header-section .logo-section .logo-icon .logo-img[data-v-c8953a80]{border-radius:50%;height:40px;-o-object-fit:contain;object-fit:contain;width:40px}.header-section .logo-section .logo-text[data-v-c8953a80]{color:#1e293b;font-size:18px;font-weight:600;letter-spacing:.5px}.header-section .logo-section .logo-text .desktop-text[data-v-c8953a80]{display:block}.header-section .logo-section .logo-text .mobile-text[data-v-c8953a80]{display:none}@media (max-width:768px){.header-section .logo-section .logo-text .desktop-text[data-v-c8953a80]{display:none}.header-section .logo-section .logo-text .mobile-text[data-v-c8953a80]{display:block}}.header-section .top-actions[data-v-c8953a80]{align-items:center;display:flex;gap:16px;justify-content:flex-end}.header-section .top-actions .qr-section[data-v-c8953a80]{text-align:center}.header-section .top-actions .qr-section .qr-code[data-v-c8953a80]{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #e2e8f0;border-radius:8px;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.header-section .top-actions .qr-section .qr-code[data-v-c8953a80]:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.header-section .top-actions .qr-section .qr-code .qr-text[data-v-c8953a80]{color:#64748b;font-size:10px;font-weight:500}.header-section .top-actions .qr-section .qr-code .qr-image[data-v-c8953a80]{border-radius:6px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.header-section .top-actions .company-info-section[data-v-c8953a80]{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;max-width:300px;min-width:200px;overflow:visible;padding:8px 16px;position:relative;transition:all .3s ease}.header-section .top-actions .company-info-section[data-v-c8953a80]:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8);content:"";height:2px;left:0;position:absolute;right:0;top:0}.header-section .top-actions .company-info-section[data-v-c8953a80]:hover{border-color:#cbd5e1;transform:translateY(-1px)}.header-section .top-actions .company-info-section .company-main[data-v-c8953a80]{align-items:center;display:flex;flex:1;gap:8px;min-width:0}.header-section .top-actions .company-info-section .company-main .company-name[data-v-c8953a80]{color:#1e293b;cursor:pointer;font-size:14px;font-weight:600;line-height:1.4;max-width:150px;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.header-section .top-actions .company-info-section .company-main .company-name[data-v-c8953a80]:hover{color:#3b82f6}.header-section .top-actions .company-info-section .company-main .status-badges[data-v-c8953a80]{display:flex;flex-wrap:wrap;gap:4px}.header-section .top-actions .company-info-section .company-main .status-badges .status-tag[data-v-c8953a80]{border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:3px 8px;position:relative;text-transform:uppercase}.header-section .top-actions .company-info-section .company-main .status-badges .status-tag[data-v-c8953a80]:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.header-section .top-actions .company-info-section .company-main .status-badges .status-tag[data-v-c8953a80]:hover:before{left:100%}.header-section .top-actions .company-info-section .company-main .status-badges .status-tag.status-active[data-v-c8953a80]{background:linear-gradient(135deg,#10b981,#059669)}.header-section .top-actions .company-info-section .company-main .status-badges .status-tag.status-inactive[data-v-c8953a80]{background:linear-gradient(135deg,#dc2626,#b91c1c)}.header-section .top-actions .company-info-section .company-main .status-badges .status-tag.status-pending[data-v-c8953a80]{background:linear-gradient(135deg,#f59e0b,#d97706)}.header-section .top-actions .company-info-section .company-main .status-badges .status-tag.status-default[data-v-c8953a80]{background:linear-gradient(135deg,#6b7280,#4b5563)}.header-section .top-actions .company-info-section .company-tooltip[data-v-c8953a80]{left:0;margin-top:8px;pointer-events:auto;position:absolute;right:0;top:100%;z-index:9999}.header-section .top-actions .company-info-section .company-tooltip .tooltip-content[data-v-c8953a80]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:280px;padding:16px;position:relative;z-index:10000}.header-section .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-item[data-v-c8953a80]{align-items:center;display:flex;font-size:13px;justify-content:space-between;line-height:1.4;margin-bottom:8px}.header-section .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-item[data-v-c8953a80]:last-child{margin-bottom:12px}.header-section .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-item .tooltip-label[data-v-c8953a80]{color:#64748b;font-weight:500;min-width:70px}.header-section .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-item .tooltip-value[data-v-c8953a80]{color:#1e293b;flex:1;font-weight:600;margin-left:12px;text-align:right}.header-section .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-actions[data-v-c8953a80]{border-top:1px solid #e2e8f0;display:flex;gap:8px;padding-top:12px}.header-section .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-actions .tooltip-btn[data-v-c8953a80]{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .3s ease}.header-section .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-actions .tooltip-btn svg[data-v-c8953a80]{height:14px;width:14px}.header-section .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-actions .tooltip-btn.info-btn[data-v-c8953a80]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.header-section .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-actions .tooltip-btn.info-btn[data-v-c8953a80]:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.header-section .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-actions .tooltip-btn.logout-btn[data-v-c8953a80]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.header-section .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-actions .tooltip-btn.logout-btn[data-v-c8953a80]:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.header-section .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-actions .tooltip-btn[data-v-c8953a80]:active{transform:translateY(0)}@media (max-width:768px){.header-section .top-info-bar[data-v-c8953a80]{padding:6px 0}.header-section .top-info-bar .top-content[data-v-c8953a80]{gap:12px;grid-template-columns:1fr auto;padding:0 12px}.header-section .top-info-bar .top-content .logo-section[data-v-c8953a80]{justify-self:start}.header-section .top-info-bar .top-content .logo-section .logo-icon[data-v-c8953a80]{height:32px;margin-right:8px;width:32px}.header-section .top-info-bar .top-content .logo-section .logo-icon .logo-img[data-v-c8953a80],.header-section .top-info-bar .top-content .logo-section .logo-icon .logo-inner[data-v-c8953a80]{height:32px;width:32px}.header-section .top-info-bar .top-content .logo-section .logo-text[data-v-c8953a80]{font-size:14px}.header-section .top-info-bar .top-content .navigation-bar[data-v-c8953a80]{display:none}.header-section .top-info-bar .top-content .top-actions[data-v-c8953a80]{gap:8px;justify-self:end}.header-section .top-info-bar .top-content .top-actions .qr-section .qr-code[data-v-c8953a80]{height:32px;width:32px}.header-section .top-info-bar .top-content .top-actions .company-info-section[data-v-c8953a80]{max-width:200px;min-width:150px;padding:6px 12px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-main[data-v-c8953a80]{gap:6px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-main .company-name[data-v-c8953a80]{font-size:12px;max-width:100px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-main .status-badges[data-v-c8953a80]{gap:2px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-main .status-badges .status-tag[data-v-c8953a80]{font-size:8px;padding:1px 4px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-tooltip .tooltip-content[data-v-c8953a80]{min-width:200px;padding:12px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-item[data-v-c8953a80]{font-size:11px;margin-bottom:6px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-item .tooltip-label[data-v-c8953a80]{min-width:60px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-actions[data-v-c8953a80]{gap:6px;padding-top:8px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-actions .tooltip-btn[data-v-c8953a80]{font-size:10px;padding:6px 10px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-actions .tooltip-btn svg[data-v-c8953a80]{height:12px;width:12px}}@media (max-width:480px){.header-section .top-info-bar[data-v-c8953a80]{padding:4px 0}.header-section .top-info-bar .top-content[data-v-c8953a80]{padding:0 8px}.header-section .top-info-bar .top-content .logo-section .logo-icon[data-v-c8953a80]{height:28px;margin-right:6px;width:28px}.header-section .top-info-bar .top-content .logo-section .logo-icon .logo-img[data-v-c8953a80],.header-section .top-info-bar .top-content .logo-section .logo-icon .logo-inner[data-v-c8953a80]{height:28px;width:28px}.header-section .top-info-bar .top-content .logo-section .logo-text[data-v-c8953a80]{font-size:12px}.header-section .top-info-bar .top-content .top-actions[data-v-c8953a80]{gap:6px}.header-section .top-info-bar .top-content .top-actions .qr-section .qr-code[data-v-c8953a80]{height:28px;width:28px}.header-section .top-info-bar .top-content .top-actions .company-info-section[data-v-c8953a80]{max-width:160px;min-width:120px;padding:4px 8px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-main[data-v-c8953a80]{gap:4px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-main .company-name[data-v-c8953a80]{font-size:11px;max-width:80px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-main .status-badges[data-v-c8953a80]{gap:1px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-main .status-badges .status-tag[data-v-c8953a80]{font-size:7px;padding:1px 3px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-tooltip .tooltip-content[data-v-c8953a80]{min-width:160px;padding:8px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-item[data-v-c8953a80]{font-size:10px;margin-bottom:4px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-item .tooltip-label[data-v-c8953a80]{min-width:50px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-actions[data-v-c8953a80]{gap:4px;padding-top:6px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-actions .tooltip-btn[data-v-c8953a80]{font-size:9px;padding:4px 8px}.header-section .top-info-bar .top-content .top-actions .company-info-section .company-tooltip .tooltip-content .tooltip-actions .tooltip-btn svg[data-v-c8953a80]{height:10px;width:10px}.header-section .navigation-bar .nav-content[data-v-c8953a80]{padding:0 8px}.header-section .navigation-bar .nav-content .main-nav .nav-item[data-v-c8953a80]{font-size:13px;padding:10px 12px}}