background: rgba(255, 255, 255, 0.9);

backdrop-filter: blur(20px);

border-top: 1px solid rgba(0, 0, 0, 0.05);

display: flex;

align-items: center;

justify-content: space-around;

position: absolute;

bottom: 0;

left: 0;

right: 0;

padding-bottom: 10px;

}

.nav-item {

display: flex;

flex-direction: column;

align-items: center;

cursor: pointer;

transition: all 0.2s ease;

}

.nav-item:hover {

transform: translateY(-2px);

}

.nav-icon {

font-size: 20px;

margin-bottom: 4px;

}

.nav-label {

font-size: 10px;

font-weight: 500;

}

.tab-active {

color: 000;

}

.tab-inactive {

color: 8e8e93;

}

.app-header {

padding: 16px 20px;

border-bottom: 1px solid rgba(0, 0, 0, 0.05);

display: flex;

align-items: center;

justify-content: space-between;

background: rgba(255, 255, 255, 0.9);

backdrop-filter: blur(10px);