.header-navbar[data-v-5a6c6a31]{z-index:100;background-color:var(--color-white,#fff);border-bottom:1px solid var(--color-border,#e2e8f0);position:sticky;top:0;box-shadow:0 1px 3px #10265c0a}.nav-container[data-v-5a6c6a31]{justify-content:space-between;height:76px}.nav-actions[data-v-5a6c6a31],.nav-container[data-v-5a6c6a31],.nav-logo[data-v-5a6c6a31],.nav-menu[data-v-5a6c6a31]{align-items:center;display:flex}.item-icon[data-v-5a6c6a31],.nav-logo[data-v-5a6c6a31]{flex-shrink:0}.logo-img[data-v-5a6c6a31]{-o-object-fit:contain;object-fit:contain;width:auto;height:42px}.nav-menu[data-v-5a6c6a31]{gap:calc(clamp(16px,1.8vw,32px))}.nav-link[data-v-5a6c6a31]{color:var(--color-text-main,#1e293b);padding:8px 0;font-size:15px;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.nav-link.active[data-v-5a6c6a31],.nav-link[data-v-5a6c6a31]:hover{color:var(--color-primary-blue,#0284c7)}.nav-link.active[data-v-5a6c6a31]{font-weight:700}.admin-nav-link[data-v-5a6c6a31]{color:#dc2626}.admin-nav-link[data-v-5a6c6a31]:hover{color:#b91c1c}.active-indicator[data-v-5a6c6a31]{background-color:var(--color-primary-blue,#0284c7);border-radius:9999px;height:2.5px;position:absolute;bottom:-4px;left:0;right:0}.nav-actions[data-v-5a6c6a31]{gap:12px}.btn-login[data-v-5a6c6a31]{color:#1e293b;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-login[data-v-5a6c6a31]:hover{color:#0284c7;background-color:#f0f9ff;border-color:#0284c7}.btn-cta[data-v-5a6c6a31]{padding:9px 18px;font-size:14px}.btn-primary-orange[data-v-5a6c6a31]{color:#fff;background-color:#f97316;border:none;border-radius:9999px;align-items:center;gap:6px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.btn-primary-orange[data-v-5a6c6a31]:hover{background-color:#ea580c}.arrow-icon[data-v-5a6c6a31]{filter:brightness(0)invert()}.user-dropdown-wrapper[data-v-5a6c6a31]{position:relative}.user-pill-btn[data-v-5a6c6a31]{cursor:pointer;background-color:#f0f9ff;border:1.5px solid #bae6fd;border-radius:9999px;align-items:center;gap:8px;padding:5px 12px;transition:all .2s;display:flex}.user-pill-btn.open[data-v-5a6c6a31],.user-pill-btn[data-v-5a6c6a31]:hover{background-color:#e0f2fe;border-color:#0284c7}.avatar-circle[data-v-5a6c6a31]{color:#fff;background:#0284c7;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.82rem;font-weight:700;display:flex}.user-name[data-v-5a6c6a31]{color:#0369a1;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:13.5px;font-weight:600;overflow:hidden}.user-role-badge[data-v-5a6c6a31]{color:#fff;background:#0284c7;border-radius:9999px;padding:2px 7px;font-size:11px;font-weight:600}.chevron-icon[data-v-5a6c6a31]{color:#0284c7;font-size:11px;transition:transform .2s}.chevron-icon.rotated[data-v-5a6c6a31]{transform:rotate(180deg)}.user-dropdown-menu[data-v-5a6c6a31]{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:260px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px #10265c1f}.dropdown-header[data-v-5a6c6a31]{padding:8px 12px 6px}.header-name[data-v-5a6c6a31]{color:#0f172a;font-size:.92rem;font-weight:700}.header-email[data-v-5a6c6a31]{color:#64748b;font-size:.78rem}.dropdown-divider[data-v-5a6c6a31]{background-color:#f1f5f9;height:1px;margin:6px 0}.dropdown-item[data-v-5a6c6a31]{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;text-decoration:none;transition:background .15s;display:flex}.dropdown-item[data-v-5a6c6a31]:hover{background-color:#f8fafc}.item-icon[data-v-5a6c6a31]{font-size:1.15rem}.item-text[data-v-5a6c6a31]{flex-direction:column;display:flex}.item-title[data-v-5a6c6a31]{color:#1e293b;font-size:.88rem;font-weight:600}.item-desc[data-v-5a6c6a31]{color:#64748b;font-size:.72rem}.admin-item[data-v-5a6c6a31]:hover,.logout-item[data-v-5a6c6a31]:hover{background-color:#fef2f2}.admin-item .item-title[data-v-5a6c6a31]{color:#dc2626}.logout-item[data-v-5a6c6a31]{color:#ef4444}.logout-item .item-title[data-v-5a6c6a31]{color:#dc2626}.dropdown-fade-enter-active[data-v-5a6c6a31],.dropdown-fade-leave-active[data-v-5a6c6a31]{transition:opacity .2s,transform .2s}.dropdown-fade-enter-from[data-v-5a6c6a31],.dropdown-fade-leave-to[data-v-5a6c6a31]{opacity:0;transform:translateY(-8px)}.mobile-toggle[data-v-5a6c6a31]{cursor:pointer;background:0 0;border:none;padding:8px;display:none}.mobile-drawer[data-v-5a6c6a31]{background-color:#fff;border-top:1px solid #e2e8f0;padding:20px 24px 28px;box-shadow:0 12px 24px #00000014}.mobile-nav[data-v-5a6c6a31]{flex-direction:column;gap:14px;margin-bottom:20px;display:flex}.mobile-link[data-v-5a6c6a31]{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:6px 0;font-size:15px;font-weight:600;text-decoration:none}.mobile-link.active[data-v-5a6c6a31]{color:#0284c7;font-weight:700}.mobile-actions[data-v-5a6c6a31]{flex-direction:column;gap:10px;display:flex}.user-info-mobile[data-v-5a6c6a31]{border-bottom:1px dashed #e2e8f0}.mobile-student-links[data-v-5a6c6a31],.user-info-mobile[data-v-5a6c6a31]{flex-direction:column;padding:8px 0;display:flex}.mobile-student-links[data-v-5a6c6a31]{gap:8px}.mob-sub-link[data-v-5a6c6a31]{color:#0369a1;font-size:.88rem}.btn-outline-blue[data-v-5a6c6a31],.mob-sub-link[data-v-5a6c6a31]{font-weight:600;text-decoration:none}.btn-outline-blue[data-v-5a6c6a31]{color:#0284c7;cursor:pointer;text-align:center;background:0 0;border:1.5px solid #0284c7;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.w-full[data-v-5a6c6a31]{width:100%}.mt-2[data-v-5a6c6a31]{margin-top:8px}.drawer-enter-active[data-v-5a6c6a31],.drawer-leave-active[data-v-5a6c6a31]{transition:all .25s ease-out}.drawer-enter-from[data-v-5a6c6a31],.drawer-leave-to[data-v-5a6c6a31]{opacity:0;transform:translateY(-10px)}@media (width<=1024px){.nav-menu[data-v-5a6c6a31]{display:none}.mobile-toggle[data-v-5a6c6a31]{display:flex}}@media (width<=640px){.logo-img[data-v-5a6c6a31]{height:32px}.btn-cta[data-v-5a6c6a31]{display:none!important}}.footer-section[data-v-f4397bcd]{background-color:var(--color-white);border-top:1px solid var(--color-border);padding:76px 0 36px}.footer-top[data-v-f4397bcd]{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:calc(clamp(32px,3.5vw,64px));margin-bottom:52px;display:grid}.footer-logo[data-v-f4397bcd]{width:auto;height:42px;margin-bottom:18px}.footer-tagline[data-v-f4397bcd]{color:var(--color-text-secondary);margin-bottom:20px;font-size:14px;line-height:1.6}.footer-badge[data-v-f4397bcd]{background:var(--color-soft-blue);color:var(--color-primary);border-radius:var(--radius-full);padding:5px 12px;font-size:11.5px;font-weight:600;display:inline-block}.footer-col-title[data-v-f4397bcd]{color:var(--color-text-main);letter-spacing:-.2px;margin-bottom:18px;font-size:15px;font-weight:700}.footer-links[data-v-f4397bcd]{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a[data-v-f4397bcd]{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:13.5px}.footer-links a[data-v-f4397bcd]:hover{color:var(--color-primary)}.footer-bottom[data-v-f4397bcd]{color:var(--color-text-muted);border-top:1px solid #eef3fa;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:24px;font-size:13px}.bottom-links[data-v-f4397bcd],.footer-bottom[data-v-f4397bcd]{align-items:center;display:flex}.bottom-links[data-v-f4397bcd]{gap:8px}.bottom-links a[data-v-f4397bcd]{color:var(--color-text-secondary);transition:color var(--transition-fast)}.bottom-links a[data-v-f4397bcd]:hover{color:var(--color-primary)}.sep[data-v-f4397bcd]{color:#ccd7e6}@media (width<=960px){.footer-top[data-v-f4397bcd]{grid-template-columns:repeat(2,1fr);gap:36px}}@media (width<=600px){.footer-top[data-v-f4397bcd]{grid-template-columns:1fr;gap:28px}.footer-bottom[data-v-f4397bcd]{flex-direction:column;align-items:flex-start}}.vanhieu-default-layout[data-v-e93fe430]{background-color:var(--color-bg,#fff);flex-direction:column;min-height:100vh;display:flex}.default-main-content[data-v-e93fe430]{flex:1}