body{margin:0;padding:0;display:flex;justify-content:flex-start}.app-header[data-v-9a5b8c9b]{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#fff;box-shadow:0 4px 20px #00000014;font-family:Inter,sans-serif;-webkit-user-select:none;user-select:none;box-sizing:border-box}.app-header[data-v-9a5b8c9b] *,.app-header[data-v-9a5b8c9b] *:before,.app-header[data-v-9a5b8c9b] *:after{box-sizing:border-box}.top-bar[data-v-9a5b8c9b]{display:flex;justify-content:space-between;align-items:center;padding:4px 32px;background:#0d47a1;color:#fff;height:44px;position:relative;z-index:1002}.brand-section[data-v-9a5b8c9b],.logo-wrapper[data-v-9a5b8c9b]{display:flex;align-items:center;gap:8px}.logo[data-v-9a5b8c9b]{height:32px;width:auto;object-fit:contain}.brand-text[data-v-9a5b8c9b]{display:flex;flex-direction:column;justify-content:center;gap:2px}.volunteer-badge[data-v-9a5b8c9b]{background:#ffeb3b;color:#0d47a1;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px;text-transform:uppercase;line-height:1;align-self:flex-start}.company-name[data-v-9a5b8c9b]{font-size:1.05rem;font-weight:800;letter-spacing:-.5px;line-height:1;margin:0}.info-section[data-v-9a5b8c9b]{display:flex;gap:20px;font-size:.85rem;font-weight:500;opacity:.9}.info-item[data-v-9a5b8c9b]{display:flex;gap:6px}.info-item .label[data-v-9a5b8c9b]{color:#bbdefb;font-weight:400}.info-sep[data-v-9a5b8c9b]{width:1px;height:14px;background:#fff3}.version-tag[data-v-9a5b8c9b]{font-size:.75rem;background:#ffffff26;padding:2px 8px;border-radius:20px;color:#fff;font-weight:500;letter-spacing:.5px}.actions-section[data-v-9a5b8c9b]{display:flex;align-items:center;gap:15px}.user-name[data-v-9a5b8c9b]{font-weight:600;font-size:.85rem}.nav-bar[data-v-9a5b8c9b]{background:#f0f7ff;border-top:1px solid rgba(255,255,255,.1);height:48px;display:flex;align-items:center;padding:0 32px;box-shadow:inset 0 2px 4px #00000005}.nav-container[data-v-9a5b8c9b]{max-width:1400px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.main-nav[data-v-9a5b8c9b]{list-style:none;display:flex;gap:8px}.nav-link[data-v-9a5b8c9b]{background:transparent;border:none;color:#1e40af;font-weight:700;font-size:.9rem;padding:10px 14px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.nav-link[data-v-9a5b8c9b]:hover{background:#0d47a114;color:#0d47a1}.chevron[data-v-9a5b8c9b]:after{content:"▾";font-size:.8rem;opacity:.5}.has-dropdown[data-v-9a5b8c9b]{position:relative}.dropdown-menu[data-v-9a5b8c9b]{position:absolute;top:calc(100% + 4px);left:0;background:#fff;min-width:220px;box-shadow:0 12px 30px #00000026;border-radius:8px;list-style:none;padding:8px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid #cbd5e1;z-index:1001}.dropdown-menu.show[data-v-9a5b8c9b]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li[data-v-9a5b8c9b]{padding:10px 15px;font-size:.85rem;font-weight:500;color:#64748b;border-radius:6px;cursor:pointer}.dropdown-menu li[data-v-9a5b8c9b]:hover{background:#f8fafc;color:#0d47a1}.nav-utils[data-v-9a5b8c9b]{display:flex;gap:8px;align-items:center}.util-btn[data-v-9a5b8c9b]{background:#ffffff80;border:1px solid #bfdbfe;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600;color:#1e40af;cursor:pointer;transition:.2s}.util-btn[data-v-9a5b8c9b]:hover{background:#fff;border-color:#3498db}.logout-btn[data-v-9a5b8c9b]{background:#fee2e2;color:#dc2626;border:none;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer}.hamburger-btn[data-v-9a5b8c9b]{display:none;align-items:center;gap:8px;background:#ffffff26;border:1.5px solid rgba(255,255,255,.4);border-radius:8px;cursor:pointer;padding:5px 10px;transition:all .2s ease}.hamburger-btn[data-v-9a5b8c9b]:hover{background:#ffffff40}.hamburger-btn[data-v-9a5b8c9b]:active{transform:scale(.95)}.hamburger-bars[data-v-9a5b8c9b]{display:flex;flex-direction:column;gap:3px}.hamburger-btn .bar[data-v-9a5b8c9b]{width:18px;height:2.5px;background:#fff;border-radius:4px}.hamburger-text[data-v-9a5b8c9b]{color:#fff;font-size:.8rem;font-weight:800;letter-spacing:.5px}@media (max-width: 1024px){.desktop-only[data-v-9a5b8c9b]{display:none}.hamburger-btn[data-v-9a5b8c9b]{display:flex}.nav-bar[data-v-9a5b8c9b]{position:fixed;top:44px;left:-100%;width:min(320px,90vw);height:calc(100dvh - 44px);background:#fff;display:flex;flex-direction:column;padding:0;transition:.3s cubic-bezier(.4,0,.2,1);box-shadow:15px 0 30px #0003;z-index:1000;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.nav-bar.mobile-active[data-v-9a5b8c9b]{left:0}.nav-container[data-v-9a5b8c9b]{display:flex;flex-direction:column;gap:30px;align-items:stretch;width:100%;padding:20px 15px calc(320px + env(safe-area-inset-bottom)) 15px}.main-nav[data-v-9a5b8c9b]{flex-direction:column;width:100%}.nav-link[data-v-9a5b8c9b]{width:100%;justify-content:space-between;font-size:1.1rem;padding:16px 20px;background:#fff;border:2px solid #cbd5e1;border-radius:12px;margin-bottom:12px;color:#1e40af;box-shadow:0 2px 8px #0000000f;transition:all .2s ease}.nav-link[data-v-9a5b8c9b]:active{background:#f0f7ff;border-color:#3b82f6;transform:translateY(1px)}.dropdown-menu li[data-v-9a5b8c9b]{font-size:1.05rem;padding:14px 24px;border-bottom:1px solid #edf2f7;color:#475569;display:flex;align-items:center}.dropdown-menu li[data-v-9a5b8c9b]:last-child{border-bottom:none}.dropdown-menu[data-v-9a5b8c9b]{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;display:none;background:#f8fafc;margin-top:5px}.dropdown-menu.show[data-v-9a5b8c9b]{display:block}.top-bar[data-v-9a5b8c9b]{padding:0 15px}.chevron[data-v-9a5b8c9b]:after{font-size:1.2rem;opacity:.8;color:#3b82f6}.nav-utils[data-v-9a5b8c9b]{margin-top:40px;flex-direction:column;width:100%;gap:10px}.util-btn[data-v-9a5b8c9b],.logout-btn[data-v-9a5b8c9b]{width:100%;padding:12px}.mobile-info[data-v-9a5b8c9b]{position:fixed;bottom:0;left:0;width:min(320px,90vw);background:#f8fafc;padding:20px 20px calc(20px + env(safe-area-inset-bottom)) 20px;display:flex;flex-direction:column;gap:12px;font-size:.9rem;color:#334155;border-top:1px solid #e2e8f0;z-index:1001;transform:translate(-100%);transition:.3s ease;box-shadow:0 -4px 10px #0000000d}.m-info-group[data-v-9a5b8c9b]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #e2e8f0;padding-bottom:4px}.m-label[data-v-9a5b8c9b]{font-size:.75rem;color:#64748b;font-weight:600}.m-value[data-v-9a5b8c9b]{font-weight:700}.text-bold[data-v-9a5b8c9b]{font-weight:900;color:#0d47a1}.highlight[data-v-9a5b8c9b]{color:#27ae60}.menu-open .mobile-info[data-v-9a5b8c9b]{transform:translate(0)}.nav-version-mobile[data-v-9a5b8c9b]{display:block;font-size:.8rem;color:#94a3b8;margin-top:15px;text-align:center;width:100%;opacity:.7;font-weight:500}}.nav-version-mobile[data-v-9a5b8c9b]{display:none}.mobile-overlay[data-v-9a5b8c9b]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:998;animation:fadeIn-9a5b8c9b .3s ease}@keyframes fadeIn-9a5b8c9b{0%{opacity:0}to{opacity:1}}.main-content[data-v-b871b6f9]{margin-top:92px;padding:24px;box-sizing:border-box}